@charset "UTF-8";a,b,body,button,dd,div,dl,em,footer,form,h1,h2,h3,h4,h5,h6,i,input,label,li,nav,p,select,span,td,textarea,u,ul {
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: none
}

li,ol,ul {
  list-style: none
}

a {
  text-decoration: none;
  color: #414a60
}

a:active,a:focus,a:hover,button,input,textarea {
  outline: 0
}

a:hover {
  color: #00d7c6;
  text-decoration: none;
  -webkit-transition: all linear .2s;
  transition: all linear .2s
}

img {
  border: none
}

map area {
  outline: 0
}

table {
  border-collapse: collapse
}

body,button,input,option,select,td,textarea {
  font-family: arial,verdana,helvetica,'PingFang SC','HanHei SC',STHeitiSC-Light,Microsoft Yahei,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

button,input[type=button],input[type=number],input[type=password],input[type=search],input[type=submit],input[type=tel],input[type=text],textarea {
  -webkit-appearance: none
}

body {
  background: #f6f6f8;
  min-width: 1184px;
  line-height: 26px;
  color: #414a60;
  font-size: 14px
}

body,html {
  height: 100%
}

body {
  height: 100.1%
}

body.page-white {
  background: #fff
}

#header:after,#main:after,.clearfix:after,.home-box:after,.inner:after,.job-author:after,.job-list li:after,.job-primary:after,.promotion-job li:after {
  content: '';
  display: block;
  overflow: hidden;
  visibility: hidden;
  clear: both
}

.clear {
  clear: both;
  display: block;
  line-height: 0;
  font-size: 0;
  height: 0;
  visibility: hidden
}

.clear-fix:after {
  content: '\0020';
  display: block;
  height: 0;
  clear: both
}

#header,.clearfix,.home-box,.info,.inner,.job-author,.job-list li,.job-primary,.promotion-job li {
  zoom:1}

.inner {
  max-width: 1184px;
  margin: 0 auto
}

.home-inner {
  max-width: 1184px
}

.home-body {
  min-width: 1184px
}

.gray {
  color: #9fa3af
}

.red {
  color: #fc703e!important
}

.text-blue {
  color: #00c2b3
}

.gray-bg {
  background-color: #f3f3f4
}

.vline {
  display: inline-block;
  width: 1px;
  height: 10px;
  vertical-align: middle;
  background: #e0e0e0;
  margin: 0 10px
}

.vdot {
  display: inline-block;
  padding: 0 10px 0 7px
}

.btn:hover,.ipt:hover {
  -webkit-transition: all linear .2s;
  transition: all linear .2s
}

::selection {
  color: #fff;
  background: #00d7c6
}

::-moz-selection {
  color: #fff;
  background: #00d7c6
}

input::-webkit-input-placeholder {
  color: #9fa3af
}

input:-ms-input-placeholder {
  color: #9fa3af
}

input:-moz-placeholder {
  color: #9fa3af
}

input::-moz-placeholder {
  color: #9fa3af
}

textarea::-webkit-input-placeholder {
  color: #9fa3af
}

textarea:-ms-input-placeholder {
  color: #9fa3af
}

textarea:-moz-placeholder {
  color: #9fa3af
}

textarea::-moz-placeholder {
  color: #9fa3af
}

input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none!important;
  pointer-events: none;
  position: absolute;
  right: 0
}

@font-face {
  font-family: kanzhun-Regular;
  src: url(https://img.bosszhipin.com/static/file/2022/16a48d9v961651026858984.ttf) format('truetype')
}

.badge {
  display: inline-block;
  background: #fa6a43;
  color: #fff;
  line-height: 22px;
  text-align: center;
  padding: 0 11px;
  border-radius: 15px;
  font-size: 12px
}

.bottom-banner div.closeIcon,.company-hotjob .more,.dot-plenty,.form-btn .error-tip,.home-main .search-box .btn-search,.icon-app,.icon-arrow-down,.icon-arrow-left,.icon-arrow-right,.icon-brand,.icon-dropdown,.icon-red-close,.icon-select-arrow,.icon-vip,.icon-waring,.icon-weibo,.icon-weixin,.jconfirm .pop-imgview .jconfirm-box div.closeIcon,.jconfirm .pop-sign-box .jconfirm-box div.closeIcon,.jconfirm .pop-sign-deliver .jconfirm-box div.closeIcon,.jconfirm .pop-tip-box .jconfirm-box div.closeIcon,.job-banner .job-author .time,.job-box .more,.link-download,.location-address,.nav-search .btn-search,.page a.next,.page a.prev,.promotion-top .arrow-right,.qrcode-layer i,.search-box .btn-search,.select-tree li,.siderbar-qrcode,.tip-text {
  display: inline-block;
  background-image: url(../images/icons.png);
  background-repeat: no-repeat
}

.nav-chat-num {
  display: none;
  position: absolute;
  top: 10px;
  right: -14px;
  height: 14px;
  padding: 0 6px;
  line-height: 14px;
  background-color: #ef505e;
  color: #fff;
  font-size: 12px;
  border-radius: 7px
}

.dot-plenty {
  width: 11px;
  height: 3px;
  background-position: 0 -117px;
  margin-top: -1px;
  vertical-align: middle
}

.icon-brand,.icon-vip {
  background-position: 0 -1150px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-top: -3px;
  margin-left: 15px
}

.icon-brand {
  background-position: 0 -1759px
}

.icon-arrow-down,.icon-select-arrow {
  width: 16px;
  height: 16px;
  background-position: 2px -54px
}

.filter-select-box .icon-select-arrow,.search-box .icon-arrow-down {
  background-position: 0 -2044px
}

.now-city-pos .icon-select-arrow,.userinfo-box .icon-select-arrow {
  background-position: 5px -2044px
}

.icon-red-close {
  background-position: 2px -2015px;
  width: 15px;
  height: 15px;
  position: relative;
  top: 3px
}

.dropdown-select-open .icon-select-arrow {
  background-position: 2px -86px
}

.icon-arrow-right {
  width: 16px;
  height: 16px;
  background-position: 4px -886px
}

.icon-waring {
  background-position: 0 -1390px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-top: -3px;
  margin-left: 15px
}

.icon-arrow-left {
  width: 24px;
  height: 24px;
  background-position: 6px -1274px
}

.icon-loading {
  background: url(../images/icon-loading.png) no-repeat;
  display: inline-block;
  width: 17px;
  height: 17px;
  vertical-align: middle;
  margin: -1px 14px 0 0
}

.ipt {
  padding: 6px 12px 5px 7px;
  min-height: 22px;
  line-height: 22px;
  border: 1px solid #e3e7ed;
  font-size: 13px;
  vertical-align: middle;
  min-width: 300px
}

.btn-login,.btn:active,.btn:hover,.ipt-login,.ipt:focus,.menu-more,.nav li a,.other-way a,.prop-list-right .extra-block a,.sel:focus,.side-menu li a {
  -webkit-transition: all linear .2s;
  transition: all linear .2s
}

.ipt:focus,.radio-checked {
  border-color: #18c3b1;
  box-shadow: 1px 2px 3px #d7f4f1;
  border-color: #59cac2
}

.ipt-area {
  width: 400px;
  height: 100px
}

.error:focus,input.error,textarea.error {
  border-color: red
}

.ipt-short {
  width: 150px;
  min-width: 0
}

.ipt-num {
  width: 80px;
  min-width: 0
}

.ipt-long {
  width: 100%
}

.ipt-wrap {
  position: relative
}

.ipt-wrap .ipt {
  padding-right: 40px
}

.ipt-wrap .num {
  position: absolute;
  right: 10px;
  top: -4px;
  font-style: normal;
  color: #ccc
}

.ipt-wrap .num em {
  font-style: normal
}

.ipt-wrap .num .red {
  color: red
}

.placeholder {
  color: #9fa3af!important
}

.sel {
  margin-right: 10px;
  padding: 6px 7px 7px;
  vertical-align: middle;
  border: 1px solid #e5e6e7;
  border-radius: 1px;
  outline: 0
}

.sel:focus {
  border-color: #18c3b1
}

.sel-multiple,.sel-pretty {
  min-width: 300px
}

.btn {
  display: inline-block;
  min-width: 112px;
  box-sizing: content-box;
  height: 36px;
  line-height: 36px;
  border: 1px #5dd5c8 solid;
  font-size: 16px;
  color: #fff;
  letter-spacing: 1px;
  background: #5dd5c8;
  text-align: center;
  cursor: pointer
}

.btn:hover {
  background-color: #6adbcf;
  color: #fff
}

.btn-outline {
  background: #fff;
  color: #5dd5c8
}

.btn-back,.btn-delete {
  background: #f8f9fb;
  color: #5dd5c8;
  margin-right: 20px
}

.btn-back:hover,.btn-delete:hover {
  background: #fff;
  color: #5dd5c8
}

.btn-danger {
  border-color: #db4b55;
  background: #ef505e
}

.btn-danger:not(.disabled):hover {
  background: #d84852;
  border-color: #b93e48
}

.btn-disabled,.btn-disabled:hover {
  color: #9fa3b0;
  background-color: #fff;
  border-color: #d1d4db;
  cursor: default
}

.btn-slight {
  background: #fff;
  border-color: #e7eaec;
  color: #aaa
}

.btn-slight:hover {
  background: #fff;
  border-color: #d2d2d2;
  color: #aaa
}

#header .btn-outline {
  background: #202329
}

.radio-list {
  white-space: nowrap
}

.radio-square {
  display: inline-block;
  border: 1px #e3e7ed solid;
  background-color: #fff;
  line-height: 40px;
  min-width: 156px;
  text-align: center;
  cursor: pointer;
  color: #9fa3af
}

.radio-square+.radio-square {
  margin-left: 20px
}

.radio-checked {
  border-color: #18c3b1;
  color: #414a60
}

.form-resume .form-row {
  padding-bottom: 17px
}

.form-resume .form-row dt {
  line-height: 40px
}

.form-resume .form-row dd {
  position: relative;
  zoom:1}

.ie .form-resume .form-row dd:after {
  content: '';
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  overflow: hidden
}

.prefix-day {
  position: absolute;
  top: 7px;
  left: -22px
}

.dropdown-select {
  display: inline-block;
  position: relative;
  background-color: #fff
}

.dropdown-select .ipt {
  cursor: pointer;
  background: 0 0;
  position: relative
}

.dropdown-select .icon-select-arrow {
  position: absolute;
  right: 15px;
  top: 14px;
  cursor: pointer
}

.dropdown-select-open {
  z-index: 2
}

.dropdown-disabled {
  opacity: .6
}

.dropdown-menu {
  display: none;
  position: relative;
  height: 0;
  margin-right: 2px
}

.dropdown-menu ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border: 1px #e3e7ed solid;
  border-top: 0;
  background-color: #fff;
  overflow: auto;
  max-height: 208px;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch
}

.dropdown-menu li {
  line-height: 42px;
  padding: 0 15px;
  cursor: pointer
}

.dropdown-menu li .h {
  font-style: normal;
  color: red;
  text-decoration: none
}

.dropdown-menu li:active,.dropdown-menu li:hover {
  background-color: #f2f5f9
}

.dropdown-menu-open {
  display: block;
  z-index: 1
}

.prefix-today {
  position: absolute;
  top: 8px;
  left: 10px;
  font-style: normal;
  display: none
}

.show-prefix-today .prefix-today {
  display: block
}

.show-prefix-today .ipt-datetimepicker {
  text-indent: -2000em
}

.standard .checkbox input[type=checkbox],.standard .radio input[type=radio] {
  position: absolute;
  z-index: -100;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden
}

.standard .checkbox input[type=checkbox]~span,.standard .radio input[type=radio]~span {
  display: inline-block;
  cursor: pointer;
  position: relative;
  min-height: 18px;
  padding-left: 24px
}

.standard .checkbox input[type=checkbox]~span:before,.standard .radio input[type=radio]~span:before {
  content: "";
  width: 10px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  margin-right: .5em;
  display: block;
  border: 1px solid #dedfe5;
  position: absolute;
  left: 0;
  z-index: 2;
  background: #fff;
  top: 7px;
  -webkit-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out
}

.standard .checkbox input[type=checkbox]~span:after,.standard .radio input[type=radio]~span:after {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  display: inline-block;
  vertical-align: sub;
  z-index: 1;
  left: -4px;
  margin-top: 1px;
  border-radius: 50%
}

.standard .radio input[type=radio]~span:before {
  border-radius: 50%
}

.standard .radio input[type=radio]:checked~span:before {
  background: #53cac3;
  border-color: #53cac3;
  box-shadow: inset 0 0 0 2px #fff
}

.standard .checkbox input[type=checkbox]~span:before {
  border-radius: 0
}

.standard .checkbox input[type=checkbox]:checked~span:before {
  font-size: 12px;
  line-height: 15px;
  content: "\2714";
  background-color: #53cac3;
  width: 12px;
  height: 12px;
  border: 0;
  background-position: -48px -144px;
  border-color: #53cac3;
  color: #fff
}

.standard .radio-square input[type=radio] {
  display: block;
  height: 0;
  visibility: hidden
}

.standard .radio-square span {
  padding: 20px;
  min-width: 34px;
  border: 1px #eee solid;
  display: inline-block;
  position: relative;
  cursor: pointer;
  text-align: center
}

.standard .radio-square input[type=radio]:checked~span {
  border: 2px #53cac3 solid;
  padding: 19px;
  color: #53cac3
}

.standard .radio-square input[type=radio]:checked~span:before {
  position: absolute;
  bottom: 0;
  right: 5px;
  font-size: 20px;
  content: "\2714";
  color: #53cac3
}

.i-checks {
  width: 16px;
  height: 16px;
  vertical-align: middle
}

.disabled {
  cursor: default;
  opacity: .5
}

.ui-switch {
  display: inline-flex;
  align-items: center;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  vertical-align: middle
}

.ui-switch-input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0
}

.ui-switch-span {
  margin: 0;
  display: inline-block;
  position: relative;
  width: 40px;
  height: 20px;
  border: 1px solid #dcdfe6;
  outline: 0;
  border-radius: 10px;
  box-sizing: border-box;
  background: #dcdfe6;
  cursor: pointer;
  transition: border-color .3s,background-color .3s;
  vertical-align: middle
}

.ui-switch-checked .ui-switch-span {
  width: 40px;
  border-color: #2cc7b7;
  background-color: #2cc7b7
}

.ui-switch-span:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  border-radius: 100%;
  transition: all .3s;
  width: 16px;
  height: 16px;
  background-color: #fff
}

.ui-switch-checked .ui-switch-span:after {
  left: 100%;
  margin-left: -17px
}

.dialog-footer .btns .btn {
  height: 32px;
  line-height: 32px;
  min-width: 42px;
  padding: 0 25px;
  font-size: 14px
}

.dialog-wrap .dialog-footer .btns .btn-outline:hover {
  padding: 0 24px
}

.jconfirm {
  z-index: 1010
}

.jconfirm .pop-sign-box .jconfirm-box {
  width: 410px;
  border-radius: 8px
}

.jconfirm .pop-sign-box .jconfirm-box div.closeIcon {
  background-position: 6px -1430px;
  top: 12px;
  right: 12px;
  background-color: transparent
}

.jconfirm .pop-imgview .jconfirm-box div.closeIcon {
  background-position: 8px -1316px;
  top: 12px;
  right: 12px;
  background-color: transparent
}

.jconfirm .pop-sign-deliver .jconfirm-box div.closeIcon {
  background-position: 8px -1316px;
  top: 12px;
  right: 12px;
  background-color: transparent
}

.jconfirm .pop-sign-box .jconfirm-box div.gray-close {
  background-position: 6px -1430px
}

.jconfirm .pop-sign-box .jconfirm-box div.content-pane {
  margin-bottom: 0;
  display: block;
  min-height: 548px
}

.jconfirm .pop-sign-box .jconfirm-box div.title-c,.jconfirm .pop-sign-deliver .jconfirm-box div.title-c {
  display: none
}

.jconfirm .pop-sign-deliver .jconfirm-box {
  width: 380px;
  border-radius: 0
}

.jconfirm .pop-sign-deliver .jconfirm-box div.content-pane {
  height: 230px!important;
  padding: 0;
  margin-bottom: 0
}

.jconfirm .pop-sign-deliver .jconfirm-box div.content-pane .content {
  padding: 0
}

.jconfirm .pop-imgview .jconfirm-box div.closeIcon {
  top: -15px;
  right: -15px;
  background-color: rgba(73,74,78,.9)
}

.jconfirm .pop-tip-box .jconfirm-box {
  width: 490px;
  height: 232px;
  border-radius: 0
}

.jconfirm .pop-tip-box .jconfirm-box div.title-c .title {
  font-size: 24px;
  color: #414a60;
  padding: 0;
  display: inline;
  line-height: 30px
}

.jconfirm .pop-tip-box .jconfirm-box div.title-c {
  border-bottom: 0;
  padding: 48px 43px 30px
}

.jconfirm .pop-tip-box .jconfirm-box div.content-pane .content {
  padding: 0 43px
}

.jconfirm .pop-tip-box .jconfirm-box .buttons {
  padding: 0 43px;
  border-top: 0;
  text-align: left
}

.jconfirm .pop-tip-box .jconfirm-box .buttons .btn-slight {
  margin-left: 25px
}

.jconfirm .pop-tip-box .jconfirm-box div.closeIcon {
  background-position: 6px -1430px;
  top: 12px;
  right: 12px;
  background-color: transparent
}

.jconfirm .pop-tip .jconfirm-box div.title-c {
  padding: 20px 23px 10px
}

.jconfirm .pop-tip .jconfirm-box div.title-c .title {
  font-size: 18px
}

.jconfirm .pop-tip .jconfirm-box {
  width: 400px
}

.jconfirm .pop-tip .jconfirm-box .buttons {
  padding-right: 96px
}

.jconfirm .pop-tip .jconfirm-box .buttons .btn {
  line-height: 32px;
  height: 32px;
  min-width: 90px;
  font-size: 14px;
  float: right
}

.jconfirm .pop-tip .jconfirm-box .buttons .btn-slight {
  margin-right: 25px
}

.jconfirm .pop-tip .jconfirm-box .tip-alert {
  text-align: center;
  font-size: 16px;
  padding: 30px 0 20px
}

.jconfirm .pop-upload-box .jconfirm-box {
  width: 600px
}

.jconfirm .ppop-upload-box .jconfirm-box .buttons {
  padding-right: 25px
}

.crop-box img {
  height: 300px;
  display: block;
  max-width: 100%;
  margin: 0 auto
}

#header {
  width: 100%;
  height: 49px;
  background: #202329;
  box-shadow: 0 1px 8px rgba(0,0,0,.06);
  position: relative;
  z-index: 1005
}

#header a {
  color: #fff
}

#header a:hover {
  color: #00d7c6
}

.logo {
  float: left;
  padding: 6px 0 0 0
}

.logo a {
  display: block;
  width: 110px;
  height: 36px;
  background: url(../images/logo-2x.png) 3px 7px no-repeat;
  background-size: 105px 19px
}

.ie .logo a {
  background: url(../images/logo-x.png) 3px 7px no-repeat
}

.logo span {
  display: none
}

.nav,.user-nav {
  font-size: 0;
  float: left;
  margin-left: 15px;
  height: 49px;
  line-height: 49px
}

.nav ul,.user-nav ul {
  display: inline-block;
  white-space: nowrap;
  vertical-align: top
}

.nav li,.user-nav li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-size: 14px;
  margin: 0 7px
}

.user-nav li.nav-dot {
  color: #fff;
  margin: 0 0 0 -8px;
  font-size: 18px
}

.user-nav li a.header-resume-upload {
  margin-left: -8px
}

#header .header-resume-new {
  position: relative;
  margin-right: 20px;
  display: inline-block;
  white-space: nowrap;
  vertical-align: top
}

#header .header-resume-new a {
  display: block;
  cursor: pointer
}

#header .header-resume-new a:hover .header-resume-tip {
  display: block
}

#header .header-resume-new a .new {
  top: 8px;
  right: -28px
}

#header .header-resume-new .header-resume-tip {
  display: none;
  position: absolute;
  height: 30px;
  right: -38px;
  white-space: nowrap;
  font-size: 13px;
  color: #fff;
  line-height: 18px;
  background: #5e96f2;
  line-height: 30px;
  padding: 0 20px;
  top: 37px
}

#header .header-resume-new .header-resume-tip:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent transparent #5e96f2;
  border-style: solid;
  border-width: 0 6px 6px;
  top: -4px;
  right: 70px
}

#header .header-resume-new .header-resume-tip .header-resume-btn {
  display: inline-block;
  height: 18px;
  border-radius: 2px;
  border: 1px solid #fff;
  line-height: 18px;
  margin-left: 20px;
  padding: 0 10px;
  font-size: 12px
}

#header .header-resume-new .header-resume-tip .header-resume-btn:hover {
  background: #fff;
  color: #5e96f2
}

.nav li:last-of-type {
  margin-right: 0
}

.nav li a,.user-nav li a {
  display: block;
  padding: 0 5px;
  position: relative
}

.nav li a:hover,.user-nav li a:hover {
  color: #00d7c6
}

.nav li.cur a,.nav li.cur a:hover {
  color: #00d7c6!important
}

#header .user-nav li.cur a,#header .user-nav li.cur a:hover {
  color: #00d7c6
}

.user-nav {
  float: right;
  margin-left: 5px
}

.user-nav .btns .vline {
  margin-top: -8px;
  background: 0 0
}

.user-nav .btns .link-scan {
  display: inline-block;
  font-size: 14px;
  margin-right: 10px
}

.user-nav .btns .link-publish {
  display: inline-block;
  font-size: 13px
}

.user-nav .btns .btn-outline {
  border-radius: 15px;
  text-align: center;
  font-size: 13px;
  height: 23px;
  line-height: 23px;
  padding: 0 9px 0 11px;
  min-width: 0;
  margin-left: 17px;
  color: #9fa3b0
}

.user-nav .btns .btn-outline:hover {
  color: #fff
}

.user-nav li.nav-figure {
  margin-right: 0;
  position: relative
}

.user-nav a {
  font-size: 14px
}

.user-nav .link-sign-resume {
  position: relative;
  margin-right: 20px;
  display: inline
}

.user-nav .btns .link-apply-job {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
  height: 30px;
  width: 75px;
  background: url(https://img.bosszhipin.com/static/file/2022/v0nl77lxv91656999533806.png) 0 0/auto 30px no-repeat;
  transition: none
}

.user-nav .btns .link-apply-job:hover {
  background-position: -75px 0
}

.user-nav .btns .link-apply-job .new {
  top: -3px;
  right: -16px
}

.user-nav .new {
  display: none;
  position: absolute;
  top: -9px;
  right: -20px;
  height: 14px;
  padding: 0 6px;
  line-height: 14px;
  background-color: #ef505e;
  color: #fff;
  font-size: 12px;
  border-radius: 7px
}

.nav-figure .label-text {
  margin-top: -2px;
  display: inline-block;
  padding-right: 10px;
  vertical-align: middle;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.nav-figure img {
  width: 26px;
  height: 26px;
  border-radius: 100%;
  vertical-align: middle
}

.nav-city {
  float: left;
  position: relative;
  cursor: pointer;
  height: 49px;
  line-height: 49px;
  color: #00d7c6
}

.nav-city .icon-poi {
  display: inline-block;
  vertical-align: top;
  width: 15px;
  height: 23px;
  background: url(../images/icon-poi.png) 0 -165px;
  margin: 17px 3px 0 12px
}

.nav-city .switchover-city {
  font-size: 12px;
  color: #fff;
  margin-left: 10px
}

.nav-city .city-box {
  font-size: 14px
}

#header .nav-figure.selected a {
  color: #00c2b3
}

.nav-figure .dropdown {
  display: none;
  position: absolute;
  width: 234px;
  left: auto;
  right: 0;
  top: 49px;
  z-index: 2;
  text-align: left;
  -webkit-box-shadow: 1px 2px 14px rgba(0,0,0,.11);
  box-shadow: 1px 2px 14px rgba(0,0,0,.11);
  background-color: #f2f5fa
}

#header .nav-figure .dropdown a {
  position: relative;
  padding: 10px 25px;
  line-height: 22px;
  color: #414a60;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #fff
}

#header .nav-figure .dropdown a span {
  display: block;
  font-size: 12px;
  color: #9fa3b0;
  line-height: 22px
}

#header .nav-figure .dropdown a:hover {
  background-color: #f2f5fa;
  color: #414a60
}

#header .nav-figure .dropdown a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 25px;
  right: 25px;
  height: 1px;
  background-color: #f2f5fa
}

#header .nav-figure .dropdown a.link-logout,#header .nav-figure .dropdown a.link-recruit {
  margin-top: 6px
}

#header .nav-figure .dropdown a.link-logout:after,#header .nav-figure .dropdown a.link-recruit:after {
  bottom: auto;
  left: 0;
  right: 0;
  top: -6px;
  height: 6px;
  background-color: #f2f5fa
}

#header .nav-figure .dropdown a.link-logout:hover,#header .nav-figure .dropdown a.link-recruit:hover {
  background-color: #fff;
  color: #00d7c6
}

.nav-search {
  float: left;
  position: relative;
  width: 170px!important;
  padding: 10px 0 0 20px!important
}

.nav-search .btn-search {
  width: 28px;
  height: 26px;
  background-position: 10px -1719px;
  background-color: transparent;
  position: absolute;
  top: 10px;
  right: 0
}

.nav-search .ipt-search {
  border: 1px #5dd5c8 solid;
  width: 150px;
  height: 20px;
  padding: 3px 12px;
  line-height: 20px;
  border-radius: 20px;
  font-size: 12px;
  background: 0 0;
  color: #9fa3b0
}

.nav-search .ipt-search:focus {
  border-color: #53cac3
}

.nav-search .suggest-result {
  width: 221px;
  left: 30px;
  top: 49px;
  padding: 4px 0;
  background: #fff;
  box-shadow: 0 4px 16px 0 rgb(0 0 0 / 8%);
  border-radius: 12px;
  overflow: hidden;
  z-index: 9
}

.nav-search .search-find-box {
  width: 300px;
  left: 30px;
  top: 49px
}

.nav-search .suggest-result ul {
  max-height: 200px;
  overflow: auto
}

.nav-search .suggest-result li {
  height: 40px;
  line-height: 40px;
  color: #333;
  font-size: 14px;
  padding: 0 16px;
  border: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .2s linear
}

.nav-search .ipt-wrap {
  margin-top: 0!important
}

#header .nav-search .search-find-box .search-find-list a {
  background: #f8f8f8;
  border-radius: 6px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  padding: 2px 8px;
  float: left;
  margin: 4px 6px;
  transition: all .2s linear
}

#header .nav-search .search-find-box .search-find-list a:hover {
  color: #fff;
  background: #00bebd
}

#header .nav-search .search-find-box .switch-find-btn {
  position: absolute;
  right: 0;
  top: 8px;
  z-index: 1;
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #00a6a7;
  line-height: 17px;
  transition: all .2s linear
}

#header .nav-search .search-find-box .switch-find-btn:hover {
  opacity: .8
}

.recruit-tip {
  display: none;
  position: absolute;
  white-space: normal;
  bottom: 0;
  left: -315px;
  width: 298px;
  height: 280px;
  text-align: center;
  border: 1px #f6f6f6 solid;
  line-height: 20px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,.08)
}

.recruit-tip img {
  width: 280px;
  height: 180px;
  border-radius: 0;
  margin-top: 8px
}

.recruit-tip span {
  display: block;
  padding: 0 30px;
  margin-top: 12px
}

.recruit-tip:after {
  content: '';
  position: absolute;
  right: -8px;
  top: 205px;
  width: 14px;
  height: 14px;
  background-color: #fff;
  transform: rotate(45deg)
}

#wrap {
  min-height: 100%;
  overflow: visible;
  overflow-x: hidden
}

#main,#wrap {
  position: relative
}

.data-tips {
  text-align: center;
  padding: 100px 0
}

.data-tips .data-blank {
  width: 360px;
  margin: 0 auto
}

.data-tips .data-blank b {
  font-size: 16px;
  font-weight: 200;
  color: #9fa3b0
}

.data-tips .data-blank p {
  margin-top: 30px
}

.data-tips .data-blank .btn {
  margin-right: 0;
  font-size: 13px;
  border-radius: 3px;
  line-height: 30px;
  height: 30px
}

.data-tips .spinner span {
  color: #9fa3af
}

.tip-nodata {
  display: block;
  width: 194px;
  height: 232px;
  margin: 0 auto 5px;
  background: url(../images/tip-nodata.png) center 0 no-repeat
}

.tip-errordata {
  display: block;
  width: 412px;
  height: 212px;
  margin: -20px auto 15px;
  background: url(../images/tip-errordata.png) 90px 0 no-repeat
}

.tip-nofilter {
  display: block;
  width: 190px;
  height: 119px;
  margin: 0 auto 5px;
  background: url(../images/job-none.png) center 0 no-repeat
}

.loadmore {
  text-align: center;
  line-height: 50px;
  color: #9fa3af;
  cursor: pointer;
  display: none
}

.page {
  text-align: center;
  padding: 12px 0
}

.page a,.page span {
  display: inline-block;
  min-width: 28px;
  height: 24px;
  line-height: 24px;
  margin: 0 10px;
  text-align: center;
  background: #fff;
  border: 1px #fff solid;
  vertical-align: middle
}

.page a.next,.page a.prev {
  border-color: #e8e9ed;
  -webkit-transition: none;
  transition: none
}

.page a.prev {
  background-position: 9px -830px
}

.page a.prev:hover {
  background-position: 9px -856px
}

.page a.next {
  background-position: 10px -883px
}

.page a.next:hover {
  background-position: 10px -912px
}

.page a.cur {
  background: #62d5c8;
  border-color: #62d5c8;
  color: #fff
}

.page a.prev.disabled,.page a.prev.disabled:hover {
  cursor: default;
  background-position: 9px -830px
}

.page a.next.disabled,.page a.next.disabled:hover {
  cursor: default;
  background-position: 9px -883px
}

#footer {
  background: #fff;
  padding: 20px 0 10px;
  margin-top: 43px;
  position: relative;
  z-index: 22;
  color: #8d92a1;
  border-top: solid 1px #f6f6f8
}

#footer .home-inner {
  position: relative
}

.page-white #footer {
  margin-top: 0;
  position: static
}

.footer-icon {
  margin-top: 20px
}

.footer-social {
  position: absolute;
  font-size: 12px;
  text-align: right;
  right: 0;
  top: 0
}

.footer-social img {
  margin: 6px 0 7px 0;
  width: 88px;
  height: 16px
}

.footer-social p img {
  width: 100px;
  height: 100px
}

.footer-social p {
  text-align: right;
  padding: 0;
  font-size: 13px
}

.footer-social p span {
  font-size: 13px;
  padding-left: 5px
}

.footer-social a {
  -webkit-transition: none;
  transition: none
}

.icon-app,.icon-weibo,.icon-weixin {
  width: 42px;
  height: 42px;
  line-height: 42px;
  border: 1px #eaebee solid;
  border-radius: 100%;
  margin-left: 23px;
  vertical-align: top
}

.icon-weibo {
  background-position: 10px -190px
}

.icon-app span,.icon-weibo span,.icon-weixin span {
  display: none
}

.icon-app:hover,.icon-weibo:hover,.icon-weixin:hover {
  border-color: #cbcdd4
}

.icon-weixin {
  background-position: 10px -254px;
  position: relative
}

.icon-app {
  background-position: 6px -313px
}

.qrcode-weixin {
  display: none;
  position: absolute;
  right: -25px;
  bottom: 50px;
  width: 100px;
  height: 100px;
  background: #fff
}

.icon-weixin:hover .qrcode-weixin {
  display: block
}

.copyright {
  color: #eeeff3;
  font-size: 12px;
  margin-top: 20px;
  max-width: 900px
}

.copyright img {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin: -3px 2px 0 0
}

.copyright span {
  color: #8d92a1;
  display: inline-block;
  margin-right: 15px
}

.copyright span.netpolice {
  margin-left: -10px
}

.copyright span.renshe-phone {
  cursor: pointer
}

.icon-client-app {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  border: 1px #eaebee solid;
  border-radius: 100%;
  margin-left: 23px;
  vertical-align: top
}

.icon-client-app:hover {
  border-color: #cbcdd4
}

.icon-client-app:hover .download-app-tip {
  display: block
}

.icon-client-app img.icon-image {
  width: 18px;
  height: auto;
  vertical-align: middle
}

.icon-client-app .download-app-tip {
  display: none;
  position: absolute;
  bottom: 50px;
  left: 50%;
  margin-left: -48px;
  background: #707070;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  line-height: 20px;
  padding: 1px 6px;
  white-space: nowrap
}

.copyright .link-beian:hover {
  color: #ddd
}

.copyright .link-chengxin {
  display: inline-block;
  margin-left: 10px
}

.copyright .link-chengxin img {
  height: 30px;
  display: inline-block;
  margin-bottom: -10px
}

.footer-logo {
  padding: 12px 0;
  width: 200px
}

.ie7 .footer-social a {
  margin-left: 0;
  margin-right: 23px
}

.ie7 .footer-social a.icon-app {
  margin-right: 0
}

.footer-about dl {
  width: 192px;
  float: left
}

.footer-about dl dt {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #414a60;
  margin-bottom: 10px
}

.footer-about dl dd a,.footer-about dl dd p {
  display: block;
  width: 100%;
  font-size: 12px;
  color: #8d92a1;
  height: 24px;
  line-height: 24px;
  white-space: nowrap
}

.footer-about dl dd .report-mail {
  display: inline;
  font-size: 12px;
  color: #8d92a1;
  height: 24px;
  line-height: 24px;
  white-space: nowrap
}

.footer-about dl dd a:hover {
  color: #00d7c6
}

.fz {
  width: 24px;
  height: 24px;
  background: url(../images/icons.png);
  display: inline-block
}

.red-dot {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  width: 5px;
  height: 5px;
  border-radius: 3px;
  background-color: #ff4b5f
}

#wrap ::-webkit-scrollbar-track-piece {
  background-color: #fff;
  -webkit-border-radius: 0
}

#wrap ::-webkit-scrollbar {
  width: 4px
}

#wrap ::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #d1d4db;
  -webkit-border-radius: 5px
}

#wrap ::-webkit-scrollbar-thumb:hover {
  height: 50px;
  background-color: #bfc1c9;
  -webkit-border-radius: 5px
}

#wrap .dorpdown-city::-webkit-scrollbar-track-piece {
  background: #f8f9fa
}

.data-tips {
  text-align: center;
  min-height: 340px;
  position: relative;
  background: #fff
}

.spinner-circle .loader,.spinner-circle .loader:after {
  border-radius: 50%;
  width: 30px;
  height: 30px
}

.spinner-circle .loader {
  font-size: 10px;
  margin: 0 auto;
  text-indent: -9999em;
  border-top: 2px solid #f1f1f1;
  border-right: 2px solid #f1f1f1;
  border-bottom: 2px solid #f1f1f1;
  border-left: 2px solid #ccc;
  -webkit-animation: circle 1.1s infinite linear;
  animation: circle 1.1s infinite linear
}

.spinner .loader {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@-webkit-keyframes circle {
  0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

@keyframes circle {
  0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

@media (max-width: 1170px) {
  #footer .inner,#header .inner,.job-banner .inner {
      padding:0 15px
  }
}

.bottom-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  text-align: center;
  background: #0cccb5;
  z-index: 30
}

.bottom-banner img {
  position: relative;
  top: -16px;
  cursor: pointer
}

.bottom-banner .closeIcon {
  position: absolute;
  top: 5px;
  right: 15px;
  width: 30px;
  height: 30px;
  color: #fff;
  cursor: pointer;
  background-position: -16px -2080px;
  background-color: transparent
}

.bottom-banner .closeIcon:hover {
  background-position: 10px -2080px
}

.common-position {
  width: 890px;
  box-sizing: border-box;
  height: 500px;
  background: #fff;
  overflow: hidden;
  zoom:1}

.common-position .type {
  float: left;
  background: #f9fafb;
  width: 150px;
  height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 10px 0 0 0;
  box-sizing: border-box
}

.common-position .type li {
  white-space: nowrap;
  height: 40px;
  line-height: 40px;
  color: #424a5e;
  padding: 0 0 0 23px;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer
}

.common-position .type .active {
  background: #fff;
  border-left: 4px #5dd5c8 solid;
  box-sizing: border-box;
  padding: 0 0 0 19px
}

.common-position .content {
  float: left;
  width: 737px;
  box-sizing: border-box;
  padding: 10px 22px 22px 22px;
  max-height: 500px;
  overflow: auto
}

.common-position .content .navs {
  zoom:1;overflow: hidden
}

.common-position .content .navs li {
  float: left;
  width: 169px;
  box-sizing: border-box;
  height: 40px;
  line-height: 40px;
  cursor: pointer
}

.common-position .content .navs li:before {
  content: '+';
  display: inline-block;
  width: 7px;
  height: 7px;
  padding: 2px;
  color: #2cc7b7;
  border: 1px #2cc7b7 solid;
  line-height: 8px;
  margin: 0 5px 0 0
}

.common-position.level-two .content .navs li:before {
  display: none
}

.common-position .content .navs .active:before {
  content: '-';
  padding-left: 4px;
  padding-top: 1px;
  height: 8px;
  width: 6px
}

.common-position .content .list {
  border: 1px solid #f3f3f3;
  zoom:1;overflow: hidden;
  list-style-type: none;
  margin: 0;
  padding: 8px 0
}

.common-position .content .list li {
  float: left;
  width: 169px;
  box-sizing: border-box;
  padding: 6px 0 6px 17px;
  color: #9fa3af;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.layer-position .dialog-container {
  margin: -273px 0 0 -445px
}

#siderbar {
  position: fixed;
  top: 49px;
  right: 0;
  background-color: #fff;
  box-shadow: -1px 0 8px rgba(0,0,0,.03);
  height: 100%;
  z-index: 1004
}

#siderbar .siderbar-bottom li,#siderbar .siderbar-top li {
  display: block;
  position: relative;
  font-size: 12px;
  color: #9fa3b0;
  line-height: 14px
}

#siderbar .siderbar-top li a {
  color: #fff;
  transition: .2s all
}

#siderbar .siderbar-bottom li a,#siderbar .siderbar-top li a {
  padding: 15px 0;
  display: block
}

#siderbar .siderbar-top li a i {
  display: block;
  width: 21px;
  height: 21px;
  margin: 0 auto 10px;
  background: url(../images/siderbar.png) no-repeat;
  -webkit-background-size: 42px auto;
  background-size: 42px auto
}

.ie #siderbar .siderbar-top li a i {
  background-image: url(../images/siderbar-ie.png)
}

#siderbar .siderbar-top .icon-sider-interest {
  background-position: 0 -62px
}

#siderbar:hover .sider-template li:hover a,#siderbar:hover .siderbar-top li a:hover,#siderbar:hover .siderbar-top li.active a {
  color: #54cbc4;
  cursor: pointer
}

#siderbar .siderbar-top li.active a .icon-sider-interest,#siderbar .siderbar-top li:hover a .icon-sider-interest {
  background-position: -21px -62px
}

#siderbar .siderbar-top .icon-sider-chat {
  background-position: 0 -21px
}

#siderbar .siderbar-top li.active a .icon-sider-chat,#siderbar .siderbar-top li:hover a .icon-sider-chat {
  background-position: -21px -21px
}

#siderbar .siderbar-top .icon-sider-resume {
  background-position: 0 -42px
}

#siderbar .siderbar-top li.active a .icon-sider-resume,#siderbar .siderbar-top li:hover a .icon-sider-resume {
  background-position: -21px -42px
}

#siderbar .siderbar-top .icon-sider-interview {
  background-position: 0 -84px
}

#siderbar .siderbar-top li.active a .icon-sider-interview,#siderbar .siderbar-top li:hover a .icon-sider-interview {
  background-position: -21px -84px
}

#siderbar .siderbar-back-top:after {
  content: '';
  display: block!important;
  width: 21px;
  height: 13px;
  margin: 0 auto;
  background: url(../images/siderbar.png) no-repeat;
  background-size: 42px auto;
  background-position: 0 0
}

#siderbar .siderbar-bottom li:hover .siderbar-back-top:after {
  background-position: -21px 0
}

.siderbar-top {
  width: 100%;
  float: left;
  padding-top: 15px;
  text-align: center
}

.siderbar-bottom {
  position: absolute;
  width: 100%;
  bottom: 140px;
  text-align: center
}

#siderbar .qrcode-layer i {
  width: 12px;
  height: 21px;
  background-position: 0 -697px;
  position: absolute;
  top: 90px;
  right: -12px
}

.qrcode-layer {
  display: none;
  position: absolute;
  right: 55px;
  top: -80px;
  width: 196px;
  height: 196px;
  border: 1px #eee solid;
  background: #fff;
  z-index: 10
}

.qrcode-layer img {
  display: block;
  width: 134px;
  height: 134px;
  margin: 16px auto 0
}

#siderbar li:hover .siderbar-app .qrcode-layer,#siderbar li:hover .siderbar-wechat .qrcode-layer {
  display: block
}

#siderbar .siderbar-app .qrcode-layer {
  top: -78px
}

.page-loading .component-b,.page-loading .component-o,.page-loading .component-s1,.page-loading .component-s2 {
  display: inline-block;
  width: 40px;
  height: 42px;
  background: url(../images/ui/icons-boss.png) no-repeat;
  vertical-align: middle;
  -webkit-animation-fill-mode: both;
  -webkit-animation: bossLoading .6s infinite linear alternate;
  -moz-animation: bossLoading .6s infinite linear alternate;
  animation: bossLoading .6s infinite linear alternate
}

.data-tips .page-loading {
  white-space: nowrap;
  margin-top: -20px;
  margin-left: -79px
}

.page-loading .component-b {
  background-position: 0 0
}

.page-loading .component-o {
  content: '';
  background-position: 0 -68px;
  margin-left: -4px;
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  animation-delay: .1s
}

.page-loading .component-s1 {
  background-position: 0 -141px;
  margin-left: 6px;
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  animation-delay: .2s
}

.page-loading .component-s2 {
  content: '';
  background-position: 0 -141px;
  margin-left: -4px;
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  animation-delay: .3s
}

@-webkit-keyframes bossLoading {
  0% {
      -webkit-transform: translate3d(0,0,0)
  }

  50% {
      -webkit-transform: translate3d(0,-10px,0)
  }
}

@keyframes bossLoading {
  0% {
      transform: translate3d(0,0,0)
  }

  50% {
      transform: translate3d(0,-10px,0)
  }
}

#siderbar .sider-title {
  height: 20px;
  padding: 30px 22px 20px 20px;
  background: #fbfbfd;
  color: #414a60;
  zoom:1}

#siderbar .sider-title:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0
}

#siderbar .sider-title a {
  font-size: 12px;
  color: #9fa3b0;
  float: right
}

#siderbar .opacity {
  opacity: .5
}

#siderbar .user-avatar {
  width: 18px;
  height: 18px;
  border-radius: 9px;
  vertical-align: middle
}

#siderbar .sider-detail {
  position: relative;
  height: 100%;
  float: right;
  border-left: 1px #eee solid;
  background: #fbfbfd;
  overflow-y: auto;
  overflow-x: hidden
}

#siderbar .sider-detail ul {
  background-color: #fff
}

#siderbar .sider-detail ul li:hover {
  background: #f8f9fb
}

#siderbar .sider-detail .sider-template li a {
  padding: 20px 0 11px 0;
  display: block;
  margin: 0 20px;
  border-bottom: 1px dotted #e3e7ed
}

#siderbar .sider-detail ul li:last-child a {
  border: none
}

#siderbar .sider-detail ul li h4 {
  font-size: 14px;
  color: #61687c;
  line-height: 20px;
  zoom:1}

#siderbar .sider-detail ul li h4:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0
}

#siderbar .user-text {
  font-size: 12px;
  color: #9fa3af;
  padding-left: 10px;
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  vertical-align: middle
}

.sider-position-title {
  width: 165px;
  height: 20px;
  overflow: hidden;
  display: inline-block
}

.sider-position-title .title-text {
  max-width: 98px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.sider-position-title .title-text.no-medium {
  max-width: 165px
}

.sider-position-title .job-medium-icon {
  height: 16px;
  vertical-align: middle;
  margin-left: 10px
}

.sider-degree {
  color: #fd7240;
  float: right
}

#siderbar .company-info {
  font-size: 12px;
  color: #9fa3af;
  padding: 10px 0 15px 0;
  line-height: 12px
}

#siderbar .siderbar-more {
  display: block;
  font-size: 12px;
  color: #9fa3b0;
  text-align: center;
  padding-top: 18px
}

#siderbar .interview-time {
  height: 40px;
  padding-left: 20px;
  background-color: #fbfbfd;
  font-size: 14px;
  color: #414a60;
  line-height: 40px
}

#siderbar .interview-time span {
  font-size: 12px;
  color: #9fa3af;
  padding-left: 10px
}

#siderbar .interview-info {
  display: block;
  font-size: 12px;
  color: #9fa3af;
  line-height: 24px;
  padding-top: 3px
}

#siderbar .interview-info span {
  color: #002c00
}

#siderbar .interview-user-info {
  padding-top: 14px
}

#siderbar .interview-user-info img {
  width: 28px;
  height: 28px;
  border-radius: 14px;
  vertical-align: middle
}

#siderbar .interview-user-info .user-text {
  display: inline-block;
  width: 100px;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis
}

.interview-list li .sub-title .interview-status {
  float: right;
  color: #fd7240
}

.interview-list li .sub-title .company-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.interview-user-info .btn {
  min-width: 46px;
  width: 46px;
  height: 24px;
  font-size: 12px;
  line-height: 26px;
  color: #fff;
  outline: 1px solid #5dd5c8;
  border-color: transparent
}

.interview-user-info .btns-sider-interview {
  display: none;
  vertical-align: top;
  float: right
}

#siderbar .sider-detail ul li:hover .btns-sider-interview {
  display: inline-block
}

.interview-user-info .btn.btn-cancel {
  background-color: #fff;
  color: #5dd5c8;
  margin-right: 4px
}

.interview-user-info .btn.btn-cancel:hover {
  border-color: #5dd5c8
}

#siderbar .not-have {
  display: block;
  background: url(../images/not-have.png) no-repeat center;
  width: 310px;
  height: 60px;
  background-size: 116px 60px
}

#siderbar .not-login {
  display: block;
  background: url(../images/not-login.png) no-repeat center;
  width: 310px;
  height: 72px;
  background-size: 90px 72px
}

.sider-error-tip {
  text-align: center;
  height: 200px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0
}

.sider-error-tip p {
  font-size: 15px;
  line-height: 15px;
  color: #9fa3b0;
  padding: 30px 0 26px 0
}

#siderbar .sider-template button {
  width: 68px;
  height: 26px;
  min-width: 68px;
  line-height: 26px;
  font-size: 12px;
  float: right;
  display: none
}

#siderbar .sider-detail ul li:hover button {
  display: block
}

#siderbar .interview-container {
  margin: 0 20px;
  padding: 20px 0;
  border-bottom: 1px dotted #e3e7ed
}

#siderbar .interview-list li:last-child .interview-container {
  border: none
}

#siderbar .sider-load {
  text-align: center;
  height: 50px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0
}

#siderbar .sider-load i {
  display: block;
  width: 310px;
  height: 29px;
  background: url(../images/loading.gif) no-repeat center;
  background-size: 29px 29px
}

#siderbar .sider-load p {
  padding-top: 20px;
  font-size: 15px;
  color: #9fa3b0
}

#siderbar .sider-index {
  width: 40px;
  height: 100%;
  float: left;
  position: relative;
  transition: .2s width
}

#siderbar .btn-sider-more {
  width: 138px;
  font-size: 14px
}

#siderbar:hover .sider-index {
  width: 60px
}

#siderbar:hover .siderbar-top li a {
  color: #414a60
}

.dialog-text-content .dialog-container {
  margin: -250px 0 0 -410px;
  padding: 30px 30px 20px;
  width: 760px;
  box-sizing: content-box
}

.dialog-text-content .dialog-title {
  margin-bottom: 17px
}

.dialog-text-content .dialog-title .title {
  font-size: 16px;
  font-weight: 700;
  color: #0e1726;
  line-height: 22px
}

.dialog-text-content .dialog-con {
  max-height: 370px;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 13px;
  color: #6e747d;
  line-height: 1.7
}

.dialog-text-content .dialog-con p {
  margin: .7em 0
}

.dialog-text-content .dialog-con h1 {
  font-size: 1.5em;
  text-align: center;
  margin: 2em 0 .7em
}

.dialog-text-content .dialog-con h1:first-child {
  margin-top: 0
}

.dialog-text-content .dialog-con::-webkit-scrollbar-track-piece {
  background-color: #f1f1f1;
  border-radius: 0;
  -webkit-border-radius: 0
}

.dialog-text-content .dialog-con::-webkit-scrollbar {
  width: 4px;
  height: 4px
}

.dialog-text-content .dialog-con::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #ddd;
  border-radius: 10px
}

.dialog-text-content .dialog-con::-webkit-scrollbar-thumb:hover {
  height: 50px;
  background-color: #ccc
}

.dialog-text-content .dialog-con::-webkit-scrollbar-corner {
  background-color: #f1f1f1
}

.dialog-text-content .dialog-footer {
  margin-top: 27px
}

.dialog-text-content .dialog-footer .btns {
  text-align: center
}

.register-protocol-dialog .dialog-con {
  margin-right: -30px;
  padding-right: 30px;
  margin-top: -30px
}

.register-protocol-dialog .dialog-title {
  display: none
}

@media (max-height: 780px) {
  #siderbar .siderbar-bottom li a,#siderbar .siderbar-top li a {
      padding:10px 0
  }

  .siderbar-bottom {
      bottom: 80px
  }

  #siderbar .siderbar-app .qrcode-layer {
      top: -128px
  }

  #siderbar .qrcode-layer i {
      top: 132px
  }

  #siderbar .siderbar-wechat .qrcode-layer {
      top: -128px
  }
}

.geetest_holder.geetest_wind {
  height: 42px
}

.geetest_holder.geetest_wind .geetest_success_btn {
  border-color: #5dd5c8;
  background: #fff
}

.geetest_holder.geetest_wind .geetest_logo,.geetest_holder.geetest_wind .geetest_logo .geetest_success_logo {
  display: none
}

.geetest_holder.geetest_wind.geetest_detect .geetest_radar .geetest_dot,.geetest_reset_tip_content {
  background: #53cac3
}

.geetest_holder.geetest_wind .geetest_success_btn {
  border-color: #53cac3;
  background: #fff
}

.geetest_holder.geetest_wind .geetest_success_btn:hover {
  background: #f4fffe
}

.geetest_holder.geetest_wind .geetest_logo,.geetest_holder.geetest_wind.geetest_radar_error .geetest_radar_tip .geetest_radar_error_code {
  display: none
}

.geetest_holder.geetest_wind .geetest_radar_tip {
  text-align: center!important
}

.chat-bot-iframe-mask {
  z-index: 1005;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: fixed;
  background: rgba(37,40,48,.7)
}

.chat-bot-iframe-mask .chat-bot-iframe {
  z-index: 1000;
  width: 780px;
  height: 677px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  border: 0
}

.geetest_holder.geetest_silver .geetest_head .geetest_tips .geetest_tip_content {
  color: #000
}

.message-notice-toast {
  position: fixed;
  top: 80px;
  right: 20px;
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
  border-radius: 4px;
  z-index: 2000;
  cursor: pointer
}

.message-notice-toast a {
  display: flex;
  padding: 0 12px;
  align-items: center;
  color: #414b60
}

.message-notice-toast a:hover .name {
  color: #00c2b3
}

.message-notice-toast .avatar {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  overflow: hidden;
  margin: 12px 12px 12px 0
}

.message-notice-toast .avatar img {
  max-width: 100%;
  max-height: 100%
}

.message-notice-toast .toast-notice-main {
  display: flex;
  flex-direction: column
}

.message-notice-toast .name {
  display: block;
  max-width: 184px;
  font-size: 14px;
  color: #24272e;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .2s linear
}

.message-notice-toast .message-desc {
  width: 184px;
  font-size: 12px;
  color: #24272e;
  line-height: 17px;
  margin-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.max-resume-dialog .dialog-container {
  padding: 20px;
  border-radius: 12px;
  margin: -175px 0 0 -250px
}

.max-resume-dialog .dialog-container p {
  font-size: 12px;
  color: #222;
  line-height: 14px;
  margin-top: 10px
}

.max-resume-dialog .dialog-container img {
  margin-top: 10px;
  width: 460px
}

.max-resume-dialog .dialog-footer .btns .btn {
  padding: 0 15px;
  border-radius: 4px;
  line-height: 32px;
  height: 32px;
  border: none
}

@font-face {
  font-family: iboss;
  src: url(//at.alicdn.com/t/font_916585_h0y0u6lsf6a.woff2?t=1625797018984) format('woff2'),url(//at.alicdn.com/t/font_916585_h0y0u6lsf6a.woff?t=1625797018984) format('woff'),url(//at.alicdn.com/t/font_916585_h0y0u6lsf6a.ttf?t=1625797018984) format('truetype')
}

.iboss,[class*=" iboss-"],[class^=iboss-] {
  font-family: iboss!important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.iboss-bianzubeifen:before {
  content: "\e731"
}

.iboss-miniicon-wechat:before {
  content: "\e730"
}

.iboss-icon_information_nor:before {
  content: "\e72d"
}

.iboss-Group3:before {
  content: "\e72e"
}

.iboss-icon_get_nor:before {
  content: "\e72f"
}

.iboss-question-hover:before {
  content: "\e72c"
}

.iboss-question-primary:before {
  content: "\e72b"
}

.iboss-shipinyuyin:before {
  content: "\e72a"
}

.iboss-mianshijieshu:before {
  content: "\e727"
}

.iboss-lianxiren:before {
  content: "\e728"
}

.iboss-dizhi1:before {
  content: "\e729"
}

.iboss-info2:before {
  content: "\e725"
}

.iboss-comments:before {
  content: "\e726"
}

.iboss-danrenhuizong:before {
  content: "\e722"
}

.iboss-renyuanhuoyue:before {
  content: "\e723"
}

.iboss-zhiweijinzhan:before {
  content: "\e724"
}

.iboss-yibohui:before {
  content: "\e721"
}

.iboss-time-fill:before {
  content: "\e720"
}

.iboss-bianzu31x:before {
  content: "\e71f"
}

.iboss-info1:before {
  content: "\e71e"
}

.iboss-invoice-cancel:before {
  content: "\e71d"
}

.iboss-cebianlangongsizhuye:before {
  content: "\e71c"
}

.iboss-Drag:before {
  content: "\e719"
}

.iboss-Personalsigned:before {
  content: "\e71a"
}

.iboss-Company-signed:before {
  content: "\e71b"
}

.iboss-quxiao:before {
  content: "\e716"
}

.iboss-xiugai:before {
  content: "\e717"
}

.iboss-zhuanfa1:before {
  content: "\e718"
}

.iboss-beizhu:before {
  content: "\e712"
}

.iboss-lianxifangshi:before {
  content: "\e713"
}

.iboss-zhiwei:before {
  content: "\e714"
}

.iboss-shijian:before {
  content: "\e715"
}

.iboss-xuanzhongbufen1:before {
  content: "\e711"
}

.iboss-dianhua1:before {
  content: "\e710"
}

.iboss-jianli2:before {
  content: "\e70f"
}

.iboss-jianli1:before {
  content: "\e70e"
}

.iboss-shipin1:before {
  content: "\e709"
}

.iboss-yuyin1:before {
  content: "\e70c"
}

.iboss-shipin-jinzhi:before {
  content: "\e70d"
}

.iboss-yuyin-jinyin:before {
  content: "\e70a"
}

.iboss-yaoqingren:before {
  content: "\e70b"
}

.iboss-jianli:before {
  content: "\e708"
}

.iboss-weixin1:before {
  content: "\e706"
}

.iboss-dianhua:before {
  content: "\e707"
}

.iboss-niurenguanli1:before {
  content: "\e705"
}

.iboss-meirichakanshu:before {
  content: "\e700"
}

.iboss-meirigoutongshu:before {
  content: "\e701"
}

.iboss-gaoduanzhiwei:before {
  content: "\e702"
}

.iboss-zhuanshurenwujiangli:before {
  content: "\e703"
}

.iboss-VIPtequan:before {
  content: "\e704"
}

.iboss-shenhezhongicon:before {
  content: "\e6ff"
}

.iboss-invoice-cancellation:before {
  content: "\e6fd"
}

.iboss-invoice-ing2:before {
  content: "\e6fe"
}

.iboss-succeed:before {
  content: "\e6f3"
}

.iboss-fullscreen1:before {
  content: "\e6fb"
}

.iboss-fullscreen-hover:before {
  content: "\e6fc"
}

.iboss-invoice-no:before {
  content: "\e6f6"
}

.iboss-invoice-ok:before {
  content: "\e6f7"
}

.iboss-invoice-ing:before {
  content: "\e6fa"
}

.iboss-calendar-delete:before {
  content: "\e6ef"
}

.iboss-accomplish:before {
  content: "\e6f0"
}

.iboss-calendar-line:before {
  content: "\e6f1"
}

.iboss-packup:before {
  content: "\e6f2"
}

.iboss-notice:before {
  content: "\e6f4"
}

.iboss-show:before {
  content: "\e6f5"
}

.iboss-tishi:before {
  content: "\e6ee"
}

.iboss-iconxiazai:before {
  content: "\e6ec"
}

.iboss-iconguanbi:before {
  content: "\e6ed"
}

.iboss-buchongcailiao:before {
  content: "\e6eb"
}

.iboss-huati:before {
  content: "\e6e6"
}

.iboss-shuaxin1:before {
  content: "\e6e7"
}

.iboss-wenti:before {
  content: "\e6e8"
}

.iboss-get:before {
  content: "\e6e9"
}

.iboss-dianzan1:before {
  content: "\e6ea"
}

.iboss-duihao:before {
  content: "\e6e5"
}

.iboss-shuaxin:before {
  content: "\e6e4"
}

.iboss-tianxie2x:before {
  content: "\e6e3"
}

.iboss-dianzan:before {
  content: "\e6e2"
}

.iboss-gongjuxiang:before {
  content: "\e6e1"
}

.iboss-xingzhuangjiehe1:before {
  content: "\e6e0"
}

.iboss-tianjia1:before {
  content: "\e6de"
}

.iboss-chexiao:before {
  content: "\e6df"
}

.iboss-rukou1:before {
  content: "\e6dd"
}

.iboss-unchecked:before {
  content: "\e6dc"
}

.iboss-checked:before {
  content: "\e6db"
}

.iboss-prop-position:before {
  content: "\e6da"
}

.iboss-prop-services:before {
  content: "\e6d9"
}

.iboss-yibohuizhiwei-xuanzhong:before {
  content: "\e6d7"
}

.iboss-yibohuizhiwei:before {
  content: "\e6d8"
}

.iboss-info:before {
  content: "\e6d6"
}

.iboss-countdown:before {
  content: "\e6d5"
}

.iboss-lieqiguanli:before {
  content: "\e6d3"
}

.iboss-bianzu9:before {
  content: "\e6d4"
}

.iboss-daoxu:before {
  content: "\e6d1"
}

.iboss-zhengxu:before {
  content: "\e6d2"
}

.iboss-daishenhezhiwei:before {
  content: "\e6cb"
}

.iboss-paixu:before {
  content: "\e6cc"
}

.iboss-shanchujilu:before {
  content: "\e6cd"
}

.iboss-zaizhaozhiwei:before {
  content: "\e6ce"
}

.iboss-lietouyuangong:before {
  content: "\e6cf"
}

.iboss-tianjiatongshi:before {
  content: "\e6d0"
}

.iboss-shezhi1:before {
  content: "\e6ca"
}

.iboss-biaoqian:before {
  content: "\e6c9"
}

.iboss-icon-video:before {
  content: "\e6c8"
}

.iboss-offline-interview:before {
  content: "\e6c7"
}

.iboss-video-interview:before {
  content: "\e6c6"
}

.iboss-tongzhishux:before {
  content: "\e6c5"
}

.iboss-hebingxingzhuangx:before {
  content: "\e6c4"
}

.iboss-icon-tiaochawenjuan:before {
  content: "\e6c3"
}

.iboss-shengyinkai:before {
  content: "\e6c2"
}

.iboss-shengyinguan:before {
  content: "\e6c1"
}

.iboss-xingzhuangjiehe:before {
  content: "\e6c0"
}

.iboss-bianzu:before {
  content: "\e6bf"
}

.iboss-weixin:before {
  content: "\e6be"
}

.iboss-guanli:before {
  content: "\e6bd"
}

.iboss-zhibo:before {
  content: "\e6bc"
}

.iboss-xiazai1:before {
  content: "\e6b5"
}

.iboss-shangchuanchenggong:before {
  content: "\e6b4"
}

.iboss-bofang:before {
  content: "\e6b1"
}

.iboss-quanping2:before {
  content: "\e6b3"
}

.iboss-guanbi2:before {
  content: "\e6b6"
}

.iboss-shenhezhong:before {
  content: "\e6b7"
}

.iboss-shangchuanshibai:before {
  content: "\e6b8"
}

.iboss-zanting:before {
  content: "\e6b9"
}

.iboss-suoxiaoquanping:before {
  content: "\e6ba"
}

.iboss-zhiding1:before {
  content: "\e6bb"
}

.iboss-yanjing1:before {
  content: "\e6b2"
}

.iboss-tuijianliyou:before {
  content: "\e6ae"
}

.iboss-niurenbeizhu:before {
  content: "\e6b0"
}

.iboss-xinxi-copy:before {
  content: "\e6f9"
}

.iboss-xinxi:before {
  content: "\e635"
}

.iboss-jingyingniuren:before {
  content: "\e633"
}

.iboss-circle:before {
  content: "\e6af"
}

.iboss-cloud-sync:before {
  content: "\e6f8"
}

.iboss-diandiandian:before {
  content: "\e6ad"
}

.iboss-cloud:before {
  content: "\e61f"
}

.iboss-unhappy-face:before {
  content: "\e601"
}

.iboss-normal-face:before {
  content: "\e602"
}

.iboss-smile-face:before {
  content: "\e636"
}

.iboss-loading:before {
  content: "\e62e"
}

.iboss-erweimashuaxin:before {
  content: "\e61b"
}

.iboss-qiyepinpailiebiao:before {
  content: "\e605"
}

.iboss-pinpaijieshao:before {
  content: "\e606"
}

.iboss-pinpaibaohuzhengce:before {
  content: "\e618"
}

.iboss-renyuanguishuguanxi:before {
  content: "\e619"
}

.iboss-left-fill:before {
  content: "\e6ab"
}

.iboss-right-fill:before {
  content: "\e6ac"
}

.iboss-map-solid:before {
  content: "\e603"
}

.iboss-gongsi:before {
  content: "\e6a9"
}

.iboss-gongzuo:before {
  content: "\e6aa"
}

.iboss-quanping1:before {
  content: "\e6a7"
}

.iboss-xiazai:before {
  content: "\e6a8"
}

.iboss-suokai:before {
  content: "\e6a3"
}

.iboss-ruzhiguanli:before {
  content: "\e6a4"
}

.iboss-shanchu:before {
  content: "\e6a5"
}

.iboss-suoguan:before {
  content: "\e6a6"
}

.iboss-jiaoyujingli1:before {
  content: "\e6a1"
}

.iboss-gongzuojingyan1:before {
  content: "\e6a2"
}

.iboss-meiyong:before {
  content: "\e69f"
}

.iboss-youyong:before {
  content: "\e6a0"
}

.iboss-wenbenicon:before {
  content: "\e69e"
}

.iboss-jianlizhushou:before {
  content: "\e604"
}

.iboss-dianhuaicon:before {
  content: "\e69d"
}

.iboss-niurendianhua:before {
  content: "\e69c"
}

.iboss-jingying:before {
  content: "\e69b"
}

.iboss-xingbiao-xian:before {
  content: "\e699"
}

.iboss-xingbiao-mian:before {
  content: "\e69a"
}

.iboss-kefu:before {
  content: "\e698"
}

.iboss-xiayi:before {
  content: "\e696"
}

.iboss-shangyi:before {
  content: "\e697"
}

.iboss-bianji:before {
  content: "\e695"
}

.iboss-shezhi:before {
  content: "\e694"
}

.iboss-sousuoicon:before {
  content: "\e693"
}

.iboss-guanbi1:before {
  content: "\e690"
}

.iboss-suoxiao1:before {
  content: "\e691"
}

.iboss-fangda:before {
  content: "\e692"
}

.iboss-gongzuojingyan:before {
  content: "\e68c"
}

.iboss-jiaoyujingyan:before {
  content: "\e68d"
}

.iboss-dizhi:before {
  content: "\e68e"
}

.iboss-qiwangzhiwei:before {
  content: "\e68f"
}

.iboss-niurenguanliv:before {
  content: "\e68b"
}

.iboss-niurenguanli:before {
  content: "\e68a"
}

.iboss-niurenmeilai:before {
  content: "\e689"
}

.iboss-daochu:before {
  content: "\e688"
}

.iboss-xiaoxitongzhi:before {
  content: "\e687"
}

.iboss-duanxin:before {
  content: "\e686"
}

.iboss-niurenfenxiicon:before {
  content: "\e685"
}

.iboss-xinzhaohusvg:before {
  content: "\e684"
}

.iboss-icon_indeterminacy:before {
  content: "\e681"
}

.iboss-icon_man:before {
  content: "\e682"
}

.iboss-icon_women:before {
  content: "\e683"
}

.iboss-changyongyu:before {
  content: "\e67f"
}

.iboss-biaoqing:before {
  content: "\e680"
}

.iboss-yuyin-miansvg:before {
  content: "\e67e"
}

.iboss-shipin-miansvg:before {
  content: "\e67d"
}

.iboss-guolvshezhi:before {
  content: "\e67c"
}

.iboss-quanping:before {
  content: "\e677"
}

.iboss-guanbi:before {
  content: "\e678"
}

.iboss-suoxiao:before {
  content: "\e679"
}

.iboss-shipin:before {
  content: "\e67a"
}

.iboss-yuyin:before {
  content: "\e67b"
}

.iboss-gongsirizhi:before {
  content: "\e676"
}

.iboss-warning-fill:before {
  content: "\e600"
}

.iboss-jiaoyujingli:before {
  content: "\e672"
}

.iboss-nianling:before {
  content: "\e673"
}

.iboss-gongzuojingli:before {
  content: "\e674"
}

.iboss-qiuzhizhuangtai:before {
  content: "\e675"
}

.iboss-quxiaobuheshi:before {
  content: "\e671"
}

.iboss-duiwoganxingqu:before {
  content: "\e669"
}

.iboss-guanjianci:before {
  content: "\e66a"
}

.iboss-kanguowo:before {
  content: "\e66b"
}

.iboss-shaixuan:before {
  content: "\e66c"
}

.iboss-tongshituijian:before {
  content: "\e66d"
}

.iboss-tuijianniuren:before {
  content: "\e66e"
}

.iboss-xinniuren:before {
  content: "\e66f"
}

.iboss-wokanguo:before {
  content: "\e670"
}

.iboss-duigou:before {
  content: "\e665"
}

.iboss-xia:before {
  content: "\e666"
}

.iboss-x:before {
  content: "\e667"
}

.iboss-shang:before {
  content: "\e668"
}

.iboss-wenhao:before {
  content: "\e664"
}

.iboss-bianlaing:before {
  content: "\e65f"
}

.iboss-fengjinjilu:before {
  content: "\e65d"
}

.iboss-job:before {
  content: "\e65e"
}

.iboss-zongliang:before {
  content: "\e660"
}

.iboss-ku:before {
  content: "\e661"
}

.iboss-shenfenguanli:before {
  content: "\e662"
}

.iboss-fenpei:before {
  content: "\e663"
}

.iboss-yuemian:before {
  content: "\e658"
}

.iboss-dacheng:before {
  content: "\e659"
}

.iboss-wancheng:before {
  content: "\e65a"
}

.iboss-kailiao:before {
  content: "\e65b"
}

.iboss-shuangliao:before {
  content: "\e65c"
}

.iboss-suo1:before {
  content: "\e657"
}

.iboss-lady:before {
  content: "\e655"
}

.iboss-man:before {
  content: "\e656"
}

.iboss-kaisuo:before {
  content: "\e653"
}

.iboss-suo:before {
  content: "\e654"
}

.iboss-tuding:before {
  content: "\e652"
}

.iboss-songda:before {
  content: "\e650"
}

.iboss-shibai:before {
  content: "\e651"
}

.iboss-jujueicon:before {
  content: "\e64e"
}

.iboss-jieshouicon:before {
  content: "\e64f"
}

.iboss-yidu:before {
  content: "\e64d"
}

.iboss-tianjia:before {
  content: "\e64c"
}

.iboss-down:before {
  content: "\e63e"
}

.iboss-up:before {
  content: "\e649"
}

.iboss-right:before {
  content: "\e64a"
}

.iboss-left:before {
  content: "\e64b"
}

.iboss-zhuanfa:before {
  content: "\e648"
}

.iboss-jubao:before {
  content: "\e646"
}

.iboss-zhiding:before {
  content: "\e647"
}

.iboss-goutongjilu:before {
  content: "\e644"
}

.iboss-mianshianpai:before {
  content: "\e645"
}

.iboss-plus-hollow:before {
  content: "\e643"
}

.iboss-light:before {
  content: "\e622"
}

.iboss-checked-solid:before {
  content: "\e61d"
}

.iboss-phone:before {
  content: "\e637"
}

.iboss-sentence:before {
  content: "\e638"
}

.iboss-editor-emoticon:before {
  content: "\e639"
}

.iboss-editor-resume:before {
  content: "\e63a"
}

.iboss-explain:before {
  content: "\e63b"
}

.iboss-interview:before {
  content: "\e63c"
}

.iboss-more-hollow:before {
  content: "\e63d"
}

.iboss-editor-exchange:before {
  content: "\e63f"
}

.iboss-wechat:before {
  content: "\e640"
}

.iboss-swap:before {
  content: "\e641"
}

.iboss-forward:before {
  content: "\e642"
}

.iboss-bell-solid:before {
  content: "\e634"
}

.iboss-fresh:before {
  content: "\e62c"
}

.iboss-filter:before {
  content: "\e62d"
}

.iboss-communication:before {
  content: "\e62f"
}

.iboss-checked-hollow:before {
  content: "\e630"
}

.iboss-Batch:before {
  content: "\e631"
}

.iboss-user:before {
  content: "\e632"
}

.iboss-menu-enterprise:before {
  content: "\e629"
}

.iboss-menu-viewed:before {
  content: "\e624"
}

.iboss-menu-prop:before {
  content: "\e627"
}

.iboss-menu-chat:before {
  content: "\e625"
}

.iboss-menu-search:before {
  content: "\e626"
}

.iboss-menu-recommend:before {
  content: "\e628"
}

.iboss-menu-job:before {
  content: "\e62a"
}

.iboss-menu-profile:before {
  content: "\e62b"
}

.iboss-close:before {
  content: "\e623"
}

.iboss-close-solid:before {
  content: "\e620"
}

.iboss-close-hollow:before {
  content: "\e61a"
}

.iboss-edit:before {
  content: "\e61c"
}

.iboss-delete:before {
  content: "\e61e"
}

.iboss-plus:before {
  content: "\e621"
}

.iboss-healthy:before {
  content: "\e616"
}

.iboss-bread:before {
  content: "\e617"
}

.iboss-rice:before {
  content: "\e607"
}

.iboss-medicine:before {
  content: "\e608"
}

.iboss-stock:before {
  content: "\e609"
}

.iboss-beach:before {
  content: "\e60a"
}

.iboss-schedule:before {
  content: "\e60b"
}

.iboss-traffic:before {
  content: "\e60c"
}

.iboss-medal:before {
  content: "\e60d"
}

.iboss-gift:before {
  content: "\e60e"
}

.iboss-bus:before {
  content: "\e60f"
}

.iboss-icecream:before {
  content: "\e610"
}

.iboss-clock:before {
  content: "\e611"
}

.iboss-building:before {
  content: "\e612"
}

.iboss-call:before {
  content: "\e613"
}

.iboss-tourism:before {
  content: "\e614"
}

.iboss-umbrella:before {
  content: "\e615"
}

/*!
* jquery-confirm v2.5.1 (http://craftpip.github.io/jquery-confirm/)
* Author: boniface pereira
* Website: www.craftpip.com
* Contact: hey@craftpip.com
*
* Copyright 2013-2016 jquery-confirm
* Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
*/
@-webkit-keyframes jconfirm-rotate {
  from {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

@keyframes jconfirm-rotate {
  from {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

body.jconfirm-noscroll {
  overflow: hidden!important
}

.jconfirm {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1010;
  font-family: inherit;
  overflow: hidden
}

.jconfirm .jconfirm-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all .4s;
  transition: all .4s
}

.jconfirm .jconfirm-bg.seen {
  opacity: 1;
  -webkit-transition: none!important;
  transition: none!important
}

.jconfirm .jconfirm-scrollpane {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow: hidden
}

.jconfirm .jconfirm-box {
  background: #fff;
  position: relative;
  outline: 0;
  padding: 0;
  -webkit-transition: none!important;
  transition: none!important
}

.jconfirm .jconfirm-box div.closeIcon {
  position: absolute;
  cursor: pointer;
  opacity: .6;
  text-align: center;
  -webkit-transition: opacity .1s ease-in;
  transition: opacity .1s ease-in;
  display: none;
  z-index: 200;
  width: 30px;
  height: 30px;
  line-height: 30px;
  top: -15px;
  right: -15px;
  background-color: rgba(73,74,78,.9);
  background-position: -39px -602px;
  font-size: 0;
  color: #fff;
  border-radius: 100%;
  opacity: .9
}

.jconfirm .jconfirm-box div.closeIcon .fa {
  font-size: 16px
}

.jconfirm .jconfirm-box div.closeIcon .glyphicon {
  font-size: 16px
}

.jconfirm .jconfirm-box div.closeIcon .zmdi {
  font-size: 16px
}

.jconfirm .jconfirm-box div.closeIcon:hover {
  opacity: 1
}

.jconfirm .jconfirm-box div.title-c {
  display: block;
  font-size: 18px;
  line-height: 20px;
  border-bottom: 1px #eee solid
}

.jconfirm .jconfirm-box div.title-c .icon-c {
  font-size: inherit;
  padding-bottom: 15px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle
}

.jconfirm .jconfirm-box div.title-c .icon-c i {
  vertical-align: middle
}

.jconfirm .jconfirm-box div.title-c .icon-c:empty {
  display: none
}

.jconfirm .jconfirm-box div.title-c .title {
  font-size: inherit;
  font-family: inherit;
  display: inline-block;
  vertical-align: middle;
  padding: 15px 20px
}

.jconfirm .jconfirm-box div.title-c .title:empty {
  display: none
}

.jconfirm .jconfirm-box div.content-pane {
  margin-bottom: 15px;
  height: auto;
  display: inline-block;
  width: 100%;
  position: relative
}

.jconfirm .jconfirm-box div.content-pane .content {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  right: 0;
  padding: 20px 20px 0
}

.jconfirm .jconfirm-box div.content-pane .content:empty {
  display: none
}

.jconfirm .jconfirm-box div.content-pane .content:empty.loading {
  height: 120px;
  position: relative;
  opacity: .6;
  display: block
}

.jconfirm .jconfirm-box div.content-pane .content:empty.loading:before {
  content: '';
  height: 20px;
  width: 20px;
  border: solid 2px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  border-radius: 50%;
  -webkit-animation: jconfirm-rotate 1s infinite linear;
  animation: jconfirm-rotate 1s infinite linear;
  border-bottom-color: #aaa;
  top: 50%;
  margin-top: -10px
}

.jconfirm .jconfirm-box div.content-pane .content:empty.loading:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -15px
}

.jconfirm .jconfirm-box .buttons {
  padding-bottom: 15px
}

.jconfirm .jconfirm-box .buttons button+button {
  margin-left: 5px
}

.jconfirm .jquery-clear {
  clear: both
}

.jconfirm.rtl {
  direction: rtl
}

.jconfirm.rtl div.closeIcon {
  left: 12px;
  right: auto
}

.jconfirm.jconfirm-white .jconfirm-bg {
  background-color: #252830;
  background-color: rgba(37,40,48,.7)
}

.jconfirm-box {
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
  width: 380px;
  margin: 0 auto
}

.pop-container .jconfirm-box {
  width: 800px
}

.jconfirm-box .buttons {
  text-align: right;
  border-top: 1px #eee solid;
  padding-top: 12px
}

.pop-tip-error .jconfirm-box,.pop-tip-msg .jconfirm-box {
  width: 320px
}

.pop-tip-error .jconfirm-box .content,.pop-tip-msg .jconfirm-box .content {
  text-align: center
}

.pop-tip-error .jconfirm-box .content,.pop-tip-msg .jconfirm-box .content {
  text-align: center;
  font-size: 14px
}

.pop-tip-error .jconfirm-box .content {
  color: #ed5565
}

.pop-tip-error .buttons,.pop-tip-msg .buttons {
  text-align: center
}

.pop-tip-error .buttons .btn,.pop-tip-msg .buttons .btn {
  margin: 0 10px
}

.pop-imgview .jconfirm-box {
  width: auto;
  background: 0 0;
  max-width: 800px
}

.pop-imgview .jconfirm-box div.content-pane .content {
  padding: 0;
  text-align: center
}

.pop-imgview .jconfirm-box div.content-pane .content img {
  max-width: 800px;
  display: block;
  margin: 0 auto
}

.jconfirm .pop-imgview .jconfirm-box div.title-c {
  display: none
}

.jconfirm.jconfirm-black .jconfirm-bg {
  background-color: rgba(0,0,0,.5)
}

.jconfirm.jconfirm-black .jconfirm-box {
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
  background: #444;
  color: #fff
}

.jconfirm.jconfirm-black .jconfirm-box .buttons {
  float: right
}

.jconfirm .jconfirm-box.hilight {
  -webkit-animation: hilight .82s cubic-bezier(.36,.07,.19,.97) both;
  animation: hilight .82s cubic-bezier(.36,.07,.19,.97) both;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

@-webkit-keyframes hilight {
  10%,90% {
      -webkit-transform: translate3d(-2px,0,0);
      transform: translate3d(-2px,0,0)
  }

  20%,80% {
      -webkit-transform: translate3d(4px,0,0);
      transform: translate3d(4px,0,0)
  }

  30%,50%,70% {
      -webkit-transform: translate3d(-8px,0,0);
      transform: translate3d(-8px,0,0)
  }

  40%,60% {
      -webkit-transform: translate3d(8px,0,0);
      transform: translate3d(8px,0,0)
  }
}

@keyframes hilight {
  10%,90% {
      -webkit-transform: translate3d(-2px,0,0);
      transform: translate3d(-2px,0,0)
  }

  20%,80% {
      -webkit-transform: translate3d(4px,0,0);
      transform: translate3d(4px,0,0)
  }

  30%,50%,70% {
      -webkit-transform: translate3d(-8px,0,0);
      transform: translate3d(-8px,0,0)
  }

  40%,60% {
      -webkit-transform: translate3d(8px,0,0);
      transform: translate3d(8px,0,0)
  }
}

.jconfirm {
  -webkit-perspective: 400px;
  perspective: 400px
}

.jconfirm .jconfirm-box {
  opacity: 1;
  -webkit-transition-property: -webkit-transform,opacity,box-shadow;
  transition-property: transform,opacity,box-shadow
}

.jconfirm .jconfirm-box.anim-bottom,.jconfirm .jconfirm-box.anim-left,.jconfirm .jconfirm-box.anim-none,.jconfirm .jconfirm-box.anim-opacity,.jconfirm .jconfirm-box.anim-right,.jconfirm .jconfirm-box.anim-rotate,.jconfirm .jconfirm-box.anim-rotatex,.jconfirm .jconfirm-box.anim-rotatey,.jconfirm .jconfirm-box.anim-scale,.jconfirm .jconfirm-box.anim-scalex,.jconfirm .jconfirm-box.anim-scaley,.jconfirm .jconfirm-box.anim-top,.jconfirm .jconfirm-box.anim-zoom {
  opacity: 0
}

.jconfirm .jconfirm-box.anim-rotate {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.jconfirm .jconfirm-box.anim-rotatex {
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center
}

.jconfirm .jconfirm-box.anim-rotatexr {
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center
}

.jconfirm .jconfirm-box.anim-rotatey {
  -webkit-transform: rotatey(90deg);
  -ms-transform: rotatey(90deg);
  transform: rotatey(90deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center
}

.jconfirm .jconfirm-box.anim-rotateyr {
  -webkit-transform: rotatey(-90deg);
  -ms-transform: rotatey(-90deg);
  transform: rotatey(-90deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center
}

.jconfirm .jconfirm-box.anim-scaley {
  -webkit-transform: scaley(1.5);
  -ms-transform: scaley(1.5);
  transform: scaley(1.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center
}

.jconfirm .jconfirm-box.anim-scalex {
  -webkit-transform: scalex(1.5);
  -ms-transform: scalex(1.5);
  transform: scalex(1.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center
}

.jconfirm .jconfirm-box.anim-top {
  -webkit-transform: translate(0,-100px);
  -ms-transform: translate(0,-100px);
  transform: translate(0,-100px)
}

.jconfirm .jconfirm-box.anim-left {
  -webkit-transform: translate(-100px,0);
  -ms-transform: translate(-100px,0);
  transform: translate(-100px,0)
}

.jconfirm .jconfirm-box.anim-right {
  -webkit-transform: translate(100px,0);
  -ms-transform: translate(100px,0);
  transform: translate(100px,0)
}

.jconfirm .jconfirm-box.anim-bottom {
  -webkit-transform: translate(0,100px);
  -ms-transform: translate(0,100px);
  transform: translate(0,100px)
}

.jconfirm .jconfirm-box.anim-zoom {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2)
}

.jconfirm .jconfirm-box.anim-scale {
  -webkit-transform: scale(.9);
  -ms-transform: scale(.9);
  transform: scale(.9)
}

.jconfirm .jconfirm-box.anim-none {
  display: none
}

.jconfirm.jconfirm-supervan .jconfirm-bg {
  background-color: rgba(54,70,93,.95)
}

.jconfirm.jconfirm-supervan .jconfirm-box {
  background-color: transparent
}

.jconfirm.jconfirm-supervan .jconfirm-box div.closeIcon {
  color: #fff
}

.jconfirm.jconfirm-supervan .jconfirm-box div.title-c {
  text-align: center;
  color: #fff;
  font-size: 28px;
  font-weight: 400
}

.jconfirm.jconfirm-supervan .jconfirm-box div.title-c>* {
  padding-bottom: 25px
}

.jconfirm.jconfirm-supervan .jconfirm-box div.content-pane {
  margin-bottom: 25px
}

.jconfirm.jconfirm-supervan .jconfirm-box div.content {
  text-align: center;
  color: #fff
}

.jconfirm.jconfirm-supervan .jconfirm-box .buttons {
  text-align: center
}

.jconfirm.jconfirm-supervan .jconfirm-box .buttons button {
  font-size: 16px;
  border-radius: 2px;
  background: #303f53;
  text-shadow: none;
  border: none;
  color: #fff;
  padding: 10px;
  min-width: 100px
}

.jconfirm.jconfirm-material .jconfirm-bg {
  background-color: rgba(0,0,0,.67)
}

.jconfirm.jconfirm-material .jconfirm-box {
  background-color: #fff;
  box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
  padding: 30px 25px 10px 25px
}

.jconfirm.jconfirm-material .jconfirm-box div.closeIcon {
  color: rgba(0,0,0,.87)
}

.jconfirm.jconfirm-material .jconfirm-box div.title-c {
  color: rgba(0,0,0,.87);
  font-size: 22px;
  font-weight: 700
}

.jconfirm.jconfirm-material .jconfirm-box div.content {
  text-align: left;
  color: rgba(0,0,0,.87)
}

.jconfirm.jconfirm-material .jconfirm-box .buttons {
  text-align: right
}

.jconfirm.jconfirm-material .jconfirm-box .buttons button {
  text-transform: uppercase;
  font-weight: 500
}

.jconfirm.jconfirm-bootstrap .jconfirm-bg {
  background-color: rgba(0,0,0,.21)
}

.jconfirm.jconfirm-bootstrap .jconfirm-box {
  background-color: #fff;
  box-shadow: 0 3px 8px 0 rgba(0,0,0,.2);
  border: solid 1px rgba(0,0,0,.4);
  padding: 15px 0 0
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.closeIcon {
  color: rgba(0,0,0,.87)
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.title-c {
  color: rgba(0,0,0,.87);
  font-size: 22px;
  font-weight: 700;
  padding-left: 15px;
  padding-right: 15px
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.content {
  text-align: left;
  color: rgba(0,0,0,.87);
  padding: 0 15px
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .buttons {
  text-align: right;
  padding: 0 0 0;
  margin: -5px 0 0;
  border-top: solid 1px #ddd;
  overflow: hidden;
  border-radius: 0 0 4px 4px
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .buttons button {
  font-weight: 500;
  border-radius: 0;
  margin: 0;
  border-left: solid 1px #ddd
}

.dialog-wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1010
}

.dialog-layer {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #252830;
  background: rgba(37,40,48,.7);
  z-index: 1002
}

.dialog-container {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -93px 0 0 -167px;
  background-color: #fff;
  z-index: 1003;
  box-shadow: 0 0 14px rgba(0,0,0,.11)
}

.dialog-title {
  font-size: 14px;
  line-height: 26px;
  font-weight: 400
}

.dialog-title .close {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 8px;
  top: 8px;
  z-index: 1
}

.icon-close {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
  vertical-align: top
}

.icon-close:after,.icon-close:before {
  content: '';
  position: absolute;
  width: 16px;
  height: 1px;
  background: #d1d4db;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 4px;
  top: 12px
}

.icon-close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.dialog-title .close:hover {
  background-color: #ddd
}

.dialog-title .close:hover .icon-close:after,.dialog-title .close:hover .icon-close:before {
  background: #363636
}

.ie8 .icon-close {
  background-image: url(https://static.zhipin.com/v2/web/boss/images/ui/icon-close-dialog.png);
  background-position: 4px 5px;
  background-repeat: no-repeat
}

.ie8 .icon-close:after,.ie8 .icon-close:before {
  display: none
}

.ie8 .dialog-title .close:hover {
  background-color: #fff
}

.icon-dialog-error,.icon-dialog-info,.icon-dialog-lock,.icon-dialog-success,.icon-dialog-warning {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-image: url(https://static.zhipin.com/v2/web/boss/images/ui/icons-dialog.png);
  background-repeat: no-repeat
}

.icon-dialog-info {
  background-position: 0 -242px
}

.icon-dialog-warning {
  background-position: 0 -163px
}

.icon-dialog-error {
  background-position: 0 -82px
}

.icon-dialog-lock {
  background-position: 0 -320px
}

.dialog-icons-default .dialog-container,.dialog-prop-default .dialog-container {
  width: 400px;
  padding: 24px 30px;
  margin-left: -230px
}

.dialog-icons-default .dialog-title .icon-dialog {
  float: left;
  width: 24px;
  margin-top: 5px
}

.dialog-icons-default .dialog-title h3.title {
  margin-left: 44px;
  font-weight: 400;
  word-wrap: break-word;
  word-break: break-all
}

.dialog-icons-default .dialog-con {
  padding-left: 44px
}

.dialog-prop-default .dialog-container {
  margin-left: -230px
}

.dialog-prop-default .dialog-title h3.title {
  font-weight: 400
}

.dialog-prop-default .dialog-footer .btns .btn:first-of-type {
  margin-left: 0
}

.dialog-primary-default .dialog-container {
  width: 340px;
  padding: 24px 30px;
  margin-left: -200px
}

.dialog-primary-default .dialog-title h3.title {
  font-weight: 400
}

.dialog-primary-default .dialog-footer .btns .btn:first-of-type {
  margin-left: 0
}

.dialog-around-default {
  position: absolute;
  width: auto;
  height: auto
}

.dialog-around-default .dialog-container {
  margin: 30px 0 0 -230px;
  top: 0;
  left: 0
}

.dialog-around-default .icon-dialog-arrow {
  position: absolute;
  width: 12px;
  height: 12px;
  top: -6px;
  left: 50%;
  margin-left: -6px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  webkit-transform: rotate(45deg);
  box-shadow: -1px -1px 10px rgba(0,0,0,.09)
}

.dialog-around-default .icon-dialog-arrow:after {
  content: '';
  position: absolute;
  width: 25px;
  height: 10px;
  background: #fff;
  left: -3px;
  top: 4px;
  -webkit-transform: rotate(-45deg);
  webkit-transform: rotate(-45deg)
}

.dialog-alert-default .dialog-container {
  width: 240px
}

.dialog-alert-default .dialog-title h3.title {
  font-size: 15px;
  margin-left: 0;
  text-align: center;
  padding-bottom: 12px
}

.dialog-alert-default .dialog-footer .btns {
  text-align: center
}

.dialog-alert-default .dialog-footer .btns .btn:first-of-type {
  margin-left: 0
}

.dialog-alert-default .dialog-con {
  padding-left: 0
}

.dialog-inline-default .dialog-container {
  top: 25px
}

.dialog-up-default .dialog-container {
  top: auto;
  bottom: 25px
}

.dialog-up-default .icon-dialog-arrow {
  top: auto;
  bottom: -6px;
  -webkit-transform: rotate(-135deg);
  webkit-transform: rotate(-135deg)
}

.dialog-prop-default .dialog-title .title img {
  position: absolute;
  top: -45px;
  width: 90px;
  height: 90px;
  left: 50%;
  margin-left: -45px
}

.dialog-layer-full .dialog-title .close {
  top: 15px;
  right: 35px
}

.dialog-layer-full .dialog-title .icon-close:after,.dialog-layer-full .dialog-title .icon-close:before {
  background: #d1d4db;
  width: 18px;
  height: 1px;
  left: 3px
}

.dialog-layer-full .dialog-title .close:hover {
  background: 0 0
}

.dialog-layer-full .dialog-title .close:hover .icon-close:after,.dialog-layer-full .dialog-title .close:hover .icon-close:before {
  background: #fff
}

.dialog-layer-full .dialog-container {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: 0 0;
  margin: 0
}

.dialog-layer-full .dialog-con {
  height: 100%;
  max-height: 100%;
  overflow: auto
}

.dialog-layer-full .dialog-layer {
  background-color: rgba(37,40,48,.95)
}

.dialog-layer-full .dialog-con .data-tips {
  height: 100%;
  background: 0 0
}

.dialog-opacity-layer {
  background: rgba(255,255,255,0);
  top: 0;
  left: 0
}

.dialog-promotion-iframe .dialog-container {
  width: 750px;
  height: 100%;
  top: 0;
  margin-left: -375px;
  margin-top: 0
}

.dialog-promotion-iframe .dialog-con {
  height: 100%
}

.dialog-promotion-iframe .dialog-con iframe {
  width: 100%;
  height: 100%;
  border: 0
}

.dialog-con {
  max-height: 100%
}

.dialog-con .tip-text {
  padding: 10px 0;
  color: #9fa3b0;
  line-height: 24px;
  font-size: 14px;
  background-image: none
}

.dialog-con .tip-warning {
  background-color: #fff7f5;
  border: 1px #fbb49d solid;
  font-size: 12px;
  padding: 10px;
  margin-top: 20px;
  border-radius: 0
}

.dialog-footer {
  margin-top: 10px;
  position: relative
}

.dialog-footer .btns {
  text-align: right
}

.dialog-footer .btns .btn {
  margin: 0 0 0 20px;
  -webkit-transition: none;
  transition: none
}

.dialog-footer .btns .btn-outline:hover {
  background-color: #fff;
  color: #00c7b1;
  line-height: 30px;
  border-width: 2px;
  padding: 0 29px
}

@media (max-width: 374px) {
  .dialog-container {
      position:absolute;
      width: 302px;
      margin: -93px 0 0 -151px
  }
}

.dialog-prop-radius .dialog-container {
  border-radius: 12px
}

.dialog-prop-radius .dialog-title .icon-dialog {
  margin-top: 0
}

.industry-wrapper {
  display: flex;
  align-items: center;
  justify-content: center
}

.industry-wrapper .dialog-layer {
  left: 0
}

.industry-wrapper .dialog-container {
  width: 850px;
  top: auto;
  left: auto;
  position: relative;
  max-height: 550px;
  margin: 0
}

.industry-wrapper .dialog-title {
  height: 59px;
  line-height: 59px;
  border-bottom: 1px solid #f5f6f9
}

.industry-wrapper .dialog-title .close {
  top: 18px;
  right: 22px
}

.industry-wrapper .dialog-title h3 {
  color: #434a5e;
  font-size: 16px;
  font-weight: 400;
  padding-left: 20px
}

.industry-wrapper .data-tips {
  height: auto;
  position: absolute;
  top: 60px;
  bottom: 0;
  width: 100%
}

.industry-wrapper .industry-panel {
  height: 490px;
  overflow-y: auto
}

.industry-wrapper.industry-multiple-wrapper .industry-panel {
  height: 442px
}

.industry-wrapper tr:nth-child(odd) {
  background-color: #f9fafb
}

.industry-wrapper td {
  font-size: 13px;
  padding: 15px 20px 5px 20px
}

.industry-wrapper td.industry-category {
  width: 160px;
  font-size: 14px;
  border-right: 1px solid #f5f6f9
}

.industry-wrapper td p {
  display: inline-block;
  white-space: nowrap;
  width: 32%;
  overflow: hidden
}

.industry-wrapper td p span {
  cursor: pointer;
  display: inline-block
}

.industry-wrapper td span.selected,.industry-wrapper td span:hover {
  color: #00c2b3
}

.industry-wrapper .industry-tip {
  height: 36px;
  display: none;
  overflow: hidden;
  padding: 12px 20px 0 20px
}

.industry-multiple-wrapper.industry-wrapper .industry-tip {
  display: block
}

.industry-wrapper .industry-tip p {
  float: left;
  height: 22px;
  line-height: 22px;
  padding: 0 10px 0 15px;
  border: 1px solid #00d7c6;
  border-radius: 12px;
  margin-right: 12px
}

.industry-wrapper .industry-tip p .text {
  display: inline-block;
  max-width: 90px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.industry-wrapper .industry-tip .confirm {
  float: right;
  height: 24px;
  line-height: 24px;
  padding: 0 20px;
  color: #fff;
  border-radius: 12px;
  background-color: #5dd5c8
}

.industry-wrapper .i-close {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 4px 0 0 10px;
  position: relative;
  vertical-align: top;
  cursor: pointer
}

.industry-wrapper .i-close:after,.industry-wrapper .i-close:before {
  content: '';
  position: absolute;
  width: 12px;
  height: 1px;
  background: #d1d4db;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0;
  top: 6px
}

.industry-wrapper .i-close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.ipt-industry {
  cursor: pointer
}

#toast {
  position: fixed;
  width: 80%;
  left: 10%;
  top: 50%;
  height: 36px;
  line-height: 36px;
  text-align: center;
  z-index: 1999;
  -webkit-animation: toastTop .25s ease-out;
  animation: toastTop .25s ease-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

#toast.slideup {
  -webkit-animation-name: toastHide;
  animation-name: toastHide
}

.toast-con {
  display: inline-block;
  background: #fff;
  margin: 0 auto;
  padding: 0 20px;
  line-height: 50px;
  box-shadow: 0 0 14px rgba(0,0,0,.11)
}

.icon-toast-error,.icon-toast-info,.icon-toast-loading,.icon-toast-success,.icon-toast-warning {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 13px;
  margin-top: -2px;
  vertical-align: middle;
  background-image: url(https://static.zhipin.com/v2/web/boss/images/ui/icons-toast.png);
  background-repeat: no-repeat
}

.icon-toast-success {
  background-position: 0 0
}

.icon-toast-info {
  background-position: 0 -119px
}

.icon-toast-warning {
  background-position: 0 -60px
}

.icon-toast-error {
  background-position: 0 -187px
}

.icon-toast-loading {
  background-position: 0 -232px;
  -webkit-animation: semicircle .8s infinite linear;
  animation: semicircle .8s infinite linear
}

.loading-category-refresh {
  -webkit-animation: semicircle .8s infinite linear;
  animation: semicircle .8s infinite linear
}

.btn .icon-toast-loading {
  background-position: 0 -274px;
  margin: -1px 4px 0 -2px
}

.btn .icon-toast-loading+span {
  font-size: 14px
}

@-webkit-keyframes semicircle {
  0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

@keyframes semicircle {
  0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

@-webkit-keyframes toastTop {
  0% {
      opacity: 0;
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }

  100% {
      opacity: 1;
      -webkit-transform: translateY(45px);
      transform: translateY(45px)
  }
}

@keyframes toastTop {
  0% {
      opacity: 0;
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }

  100% {
      opacity: 1;
      -webkit-transform: translateY(45px);
      transform: translateY(45px)
  }
}

@-webkit-keyframes toastHide {
  0% {
      opacity: 1;
      -webkit-transform: translateY(45px);
      transform: translateY(45px)
  }

  100% {
      opacity: 0;
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}

@keyframes toastHide {
  0% {
      opacity: 1;
      -webkit-transform: translateY(45px);
      transform: translateY(45px)
  }

  100% {
      opacity: 0;
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}

.prop-pop .sys-msg {
  text-align: center
}

.prop-layer {
  position: relative;
  padding: 0 20px 0;
  background: #fff;
  color: #61687c
}

.prop-layer .title-icon {
  position: absolute;
  left: 50%;
  top: 0;
  width: 90px!important;
  height: 90px!important;
  margin-left: -45px;
  margin-top: -45px
}

.prop-layer .prop-title {
  color: #61687c;
  margin-top: -5px;
  margin-bottom: 12px;
  text-align: left
}

.prop-layer .prop-date-title {
  padding-left: 18px;
  padding-right: 19px
}

.prop-layer .prop-title span i {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}

.prop-layer .prop-title span.been-reserve {
  margin-right: 15px
}

.prop-layer .prop-title span.been-use i {
  background: #d1d4db
}

.prop-layer .prop-title span.been-reserve i {
  background: #28c3b1
}

.prop-layer .select-list {
  height: 200px
}

.prop-layer .select-list dl {
  position: relative
}

.prop-layer .select-list dl dt {
  text-align: center;
  vertical-align: middle;
  height: 38px;
  border: 1px solid #e3e7ed;
  padding: 0 40px 0 0
}

.prop-layer .select-list dl dt p {
  height: 38px;
  line-height: 38px;
  border: 0;
  width: 100%;
  color: #343434;
  padding-left: 15px;
  background-color: transparent;
  text-align: left
}

.prop-layer .select-list dl dt p span {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.prop-layer .select-list dl dt p span:nth-child(1) {
  padding-right: 5px;
  width: 143px
}

.prop-layer .select-list dl dt p span:nth-child(2) {
  width: 82px
}

.prop-layer .select-list dl dt p span:nth-child(3) {
  width: 88px
}

.prop-layer .select-list dl dt>span {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 40px;
  height: 40px;
  font-size: 0;
  text-align: center;
  cursor: pointer;
  zoom:1}

.prop-layer .select-list dl dt i {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 10px;
  background: url(https://static.zhipin.com/v2/web/boss/images/icons-prop.png) no-repeat 2px -51px;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -ms-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0)
}

.prop-layer .select-list dl dt>span i.on {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg)
}

.prop-layer .select-list dl dd {
  position: absolute;
  left: 0;
  top: 40px;
  z-index: 100;
  width: 100%;
  max-height: 160px;
  overflow: auto;
  border: 1px solid #e3e7ed;
  border-top: 0;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none
}

.prop-layer .select-list dl dd li {
  display: block;
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  -webkit-transition: all linear .2s;
  -moz-transition: all linear .2s;
  transition: all linear .2s
}

.prop-layer .select-list dl dd li:last-child {
  border-bottom: none
}

.prop-layer .select-list dl dd li:hover {
  color: #333;
  background: #f2f5fa
}

.prop-layer .select-list dl dd li span {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.prop-layer .select-list dl dd li span:nth-child(1) {
  padding-right: 5px;
  width: 143px
}

.prop-layer .select-list dl dd li span:nth-child(2) {
  width: 82px
}

.prop-layer .select-list dl dd li span:nth-child(3) {
  width: 88px
}

.prop-layer .radio-list ul {
  list-style: none;
  padding: 0
}

.prop-layer .radio-list li {
  margin: 20px 0 25px 0;
  color: #9fa3b0;
  cursor: pointer
}

.prop-layer .radio-list li.active {
  color: #28c3b1
}

.prop-layer .radio-list li i {
  float: left;
  width: 14px;
  height: 14px;
  margin-right: 15px;
  margin-top: 7px;
  background: url(https://static.zhipin.com/v2/web/boss/images/icons-prop.png) no-repeat;
  background-position: -36px -55px
}

.prop-layer .radio-list li p {
  margin-left: 29px;
  line-height: 1.5
}

.prop-layer .radio-list li.active i {
  background-position: -36px -79px
}

.prop-layer .succ-container {
  margin-top: 50px
}

.prop-layer .succ-container .succ-title {
  font-size: 22px;
  color: #61687c;
  text-align: center
}

.prop-layer .succ-container .succ-desc {
  margin-top: 20px;
  font-size: 14px;
  color: #9fa3b0;
  line-height: 2;
  text-align: center
}

.prop-layer .topcard-price {
  margin-top: 20px;
  color: #fc6c38;
  text-align: center
}

.prop-layer .niuren-buy ul {
  list-style: none;
  padding: 0
}

.prop-layer .niuren-buy li {
  height: 25px;
  margin: 20px 0
}

.prop-layer .niuren-buy li.first {
  margin-top: 0;
  margin-bottom: 40px
}

.prop-layer .niuren-buy li.first-li {
  margin-top: 0
}

.prop-layer .niuren-buy li.first .pull-left {
  margin-top: 10px
}

.prop-layer .niuren-buy li .pull-left {
  display: inline-block;
  width: auto;
  color: #61687c;
  text-align: right
}

.prop-layer .niuren-buy li div.pull-right {
  height: 40px;
  background: #f2f5fa
}

.prop-layer .niuren-buy li div.guide-num {
  background: 0 0;
  line-height: 40px
}

.prop-layer .niuren-buy li .pull-right.orange {
  color: #fc6c38
}

.prop-layer .niuren-buy li .pull-right em {
  color: #e0e0e0;
  margin: 0 15px
}

.prop-layer .niuren-buy li div.pull-right span {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.prop-layer .niuren-buy li div.pull-right input.count {
  display: inline-block;
  width: 70px;
  height: 40px;
  line-height: 40px;
  border: none;
  text-align: center;
  vertical-align: top;
  font-size: 18px;
  background: 0 0
}

.prop-layer .niuren-buy li div.pull-right input.bean-count {
  width: 150px;
  padding-right: 5px;
  text-align: right
}

.prop-layer .niuren-buy li div.pull-right span.count-add,.prop-layer .niuren-buy li div.pull-right span.count-lower {
  width: 38px;
  height: 38px;
  border: 1px solid #d1d4db;
  background: #fff url(https://static.zhipin.com/v2/web/boss/images/icons-prop.png) no-repeat;
  background-size: 65px
}

.prop-layer .niuren-buy li div.pull-right span.count-add:hover,.prop-layer .niuren-buy li div.pull-right span.count-lower:hover {
  background-color: #f2f5fa;
  cursor: pointer;
  -webkit-transition: all linear .2s;
  transition: all linear .2s
}

.prop-layer .niuren-buy li div.pull-right span.count-lower {
  margin-right: -3px;
  background-position: 10px -72px
}

.prop-layer .niuren-buy li div.pull-right span.count-add {
  border-left: none;
  background-position: 10px -98px
}

.prop-layer .topcard-buy-info li .pull-left {
  width: 4em
}

.prop-layer .niuren-buy .discount-item,.prop-layer .niuren-buy li.discount-item .pull-left {
  color: #fc784c
}

.pay-title a {
  color: #28c3b1
}

.qrcode-area {
  margin: 55px auto;
  text-align: center
}

.qrcode-area img {
  width: 150px;
  height: 150px
}

.prop-pop .jconfirm-box .title-c {
  position: relative;
  line-height: 50px!important;
  height: 50px;
  display: block!important;
  border-bottom: none!important
}

.prop-pop .jconfirm-box .title {
  padding: 0!important
}

.prop-pop .jconfirm-box .title {
  position: absolute;
  left: 50%;
  width: 90px;
  height: 90px;
  margin-top: -45px;
  margin-left: -45px
}

.prop-pop .jconfirm-box .buttons {
  padding-bottom: 40px!important;
  border-top: none
}

.prop-pop .buttons .btn.btn-slight {
  margin-right: 15px;
  border: 1px solid #28c3b1;
  color: #28c3b1
}

.prop-pop .buttons .btn.btn-slight:hover {
  border-width: 2px;
  color: #00c7b1;
  border-color: #6adbcf;
  line-height: 30px;
  padding: 0 29px;
  -webkit-transition: none;
  transition: none
}

.btn-area {
  margin-top: 50px;
  margin-bottom: 20px;
  height: 34px;
  text-align: center
}

.btn-area a,.pay-btn-area a,.pay-status-area a {
  -webkit-transition: all linear .2s;
  -moz-transition: all linear .2s;
  transition: all linear .2s
}

.btn-area a {
  display: inline-block;
  width: 105px;
  height: 34px;
  line-height: 34px;
  margin: 0 15px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.btn-area .left-btn {
  color: #28c3b1;
  border: 1px solid #28c3b1
}

.btn-area .left-btn:hover {
  color: #fff;
  background: #28c3b1
}

.btn-area a.right-btn {
  margin-top: -1px;
  color: #fff;
  background: #28c3b1
}

.btn-area .right-btn:hover {
  background: #29d8c4
}

.btn-area .define-btn {
  color: #fff;
  background: #28c3b1
}

.btn-area .define-btn:hover {
  background: #29d8c4
}

.pay-status-area {
  text-align: center
}

.pay-status-area .status-btn {
  display: inline-block;
  padding: 0 30px;
  height: 34px;
  line-height: 34px;
  text-decoration: none;
  color: #fff;
  background: #28c3b1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.pay-status-area .status-btn:hover {
  background: #29d8c4
}

.pay-btn-area {
  height: 34px;
  margin-top: 50px;
  text-align: center
}

.pay-btn-area a {
  display: inline-block;
  margin: 0 15px;
  text-decoration: underline;
  color: #28c3b1
}

.pay-btn-area a:hover {
  color: #29d8c4
}

.pay-status-area .loader {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #f1f1f1;
  -webkit-animation: circle 1.1s infinite linear;
  animation: circle 1.1s infinite linear;
  vertical-align: middle
}

.pay-status-area .loader {
  border-radius: 50%;
  width: 16px;
  height: 16px
}

@-webkit-keyframes circle {
  0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

@keyframes circle {
  0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

.prop-ios .dialog-container {
  background: 0 0;
  box-shadow: none;
  margin: -235px 0 0 -230px
}

.prop-ios .title {
  padding: 0
}

.prop-ios .dialog-title .close {
  width: 28px;
  height: 28px;
  background-color: rgba(0,0,0,.5);
  right: -9px;
  top: -14px;
  border-radius: 50%
}

.prop-ios .buy-zhi-bean {
  position: absolute;
  top: 374px;
  left: 50%;
  margin-left: -83px;
  width: 166px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 40px;
  color: #fff;
  font-size: 18px;
  background-color: rgba(104,250,255,.22);
  box-shadow: rgba(0,9,127,.22) 0 0 18px
}

.prop-ios .buy-zhi-bean:hover {
  background-color: rgba(104,250,255,.32);
  transition: all .2s
}

.prop-ios .dialog-title .icon-close {
  width: 28px;
  height: 28px
}

.prop-ios .dialog-title .close:hover {
  background-color: rgba(0,0,0,.7)
}

.prop-ios .dialog-title .close:hover .icon-close:after,.prop-ios .dialog-title .close:hover .icon-close:before {
  background: #d1d4db
}

.prop-ios .icon-close:after,.prop-ios .icon-close:before {
  left: 6px;
  top: 14px
}

.prop-ios .ios-bg {
  width: 460px;
  height: 470px;
  cursor: pointer;
  background: url(https://static.zhipin.com/v2/web/boss/images/ios-discount.jpg);
  border-radius: 10px
}

.prop-ios .dialog-footer {
  padding: 0;
  margin: 0
}

.prop-resume-info {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc
}

.pop-feedback textarea {
  margin-left: 10px;
  height: 119px;
  width: 440px;
  padding: 10px 12px!important;
  border: 1px solid #d4d5d6;
  resize: none;
  display: block;
  color: #414a60;
  border-radius: 8px;
  box-sizing: border-box
}

.pop-feedback textarea::-webkit-scrollbar-track-piece {
  background-color: #fff;
  -webkit-border-radius: 0
}

.pop-feedback textarea::-webkit-scrollbar {
  width: 4px
}

.pop-feedback textarea::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #ddd;
  -webkit-border-radius: 4px
}

.pop-feedback textarea::-webkit-scrollbar-thumb:hover {
  height: 50px;
  background-color: #ccc;
  -webkit-border-radius: 4px
}

.pop-feedback a {
  color: inherit
}

.pop-feedback .btn {
  min-width: 30px;
  padding: 0 30px;
  height: 32px;
  line-height: 32px;
  color: #5dd5c8;
  font-size: 14px
}

.pop-feedback .tips {
  position: static
}

.pop-feedback .dialog-container {
  margin: -298px 0 0 -305px;
  width: 610px;
  border-radius: 12px
}

.pop-feedback .dialog-title {
  height: 122px;
  border-radius: 12px 12px 0 0;
  background: url(https://img.bosszhipin.com/static/file/2023/gmezozfxzi1675678429486.png) 0 0/610px auto no-repeat
}

.pop-feedback .icon-close:after,.pop-feedback .icon-close:before {
  background: #999
}

.pop-feedback .dialog-title .title {
  font-size: 24px;
  font-weight: 500;
  color: #333;
  line-height: 33px;
  padding: 30px 40px 0
}

.pop-feedback .dialog-title .tips {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #999;
  line-height: 20px;
  margin-top: 10px
}

.pop-feedback .dialog-title .close {
  top: 15px;
  right: 16px
}

.pop-feedback .dialog-con {
  width: 530px;
  padding: 0 40px
}

.pop-feedback .dialog-con span:last-child {
  display: block;
  line-height: 17px;
  margin-top: 4px
}

.pop-feedback .sub-title {
  float: left;
  width: 70px;
  margin-right: 10px;
  color: #333;
  font-weight: 500;
  text-align: left
}

.pop-feedback .sub-title .required-icon {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #fe574c;
  line-height: 20px;
  margin-right: 4px
}

.pop-feedback .sub-content {
  margin-left: 80px;
  font-size: 13px
}

.pop-feedback .text-error {
  display: block;
  height: 20px;
  line-height: 20px;
  margin: 4px auto 6px;
  color: #fc6c38;
  font-size: 12px;
  padding-left: 80px
}

.pop-feedback .text-error .tips {
  font-size: 12px;
  color: #d1d4db
}

.pop-feedback .upload {
  margin-bottom: 30px
}

.pop-feedback .upload .upload-tips {
  font-size: 12px;
  color: #666;
  line-height: 17px;
  margin-top: 10px
}

.pop-feedback .upload .sub-content {
  padding: 10px;
  border-radius: 8px;
  transition: all .2s linear
}

.pop-feedback .upload .sub-content:hover {
  background: #f7f7f7
}

.pop-feedback .upload.has-upload .sub-content:hover {
  background: #fff
}

.pop-feedback .upload .upload-pics {
  font-size: 0;
  line-height: 98px
}

.pop-feedback .upload .upload-pic {
  display: inline-block;
  position: relative;
  z-index: 6;
  width: 98px;
  height: 98px;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 8px;
  border: 1px solid #dedfe0;
  background: url(https://static.zhipin.com/v2/web/geek/images/icon-add.png) no-repeat center/20px;
  cursor: pointer;
  text-align: center
}

.pop-feedback .upload .upload-pic img {
  max-width: 100%;
  max-height: 100%;
  background-color: #fff;
  vertical-align: middle
}

.pop-feedback .upload .upload-pic .remove-pic {
  position: absolute;
  z-index: 7;
  top: -8px;
  right: -8px;
  width: 16px;
  height: 16px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v239/static/images/icon-close.d627ffbd.png) no-repeat 0 0/100% auto
}

.pop-feedback .upload .upload-pic .remove-pic:hover {
  background-position: 0 -32px
}

.pop-feedback .upload .upload-pic-btn-wrapper {
  display: inline-block;
  position: relative;
  z-index: 6;
  width: 98px;
  height: 98px;
  border-radius: 8px;
  border: 1px solid #00bebd;
  background: #fff;
  vertical-align: top;
  cursor: pointer;
  overflow: hidden
}

.pop-feedback .upload .upload-pic-btn-wrapper:hover {
  background-color: rgba(0,166,167,.1)
}

.pop-feedback .upload .upload-pic-btn-wrapper .iboss-plus {
  display: block;
  font-size: 20px;
  color: #00bebd;
  margin: 25px auto 12px;
  width: 20px;
  height: 20px;
  line-height: 20px
}

.pop-feedback .upload .upload-pic-btn-wrapper em {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #00a6a7;
  line-height: 20px;
  font-style: normal
}

.pop-feedback .upload .upload-pic-btn {
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 200%;
  background: 0 0;
  opacity: 0;
  cursor: pointer
}

.upload-complate .dialog-container {
  margin: -227px 0 0 -189px
}

.pop-feedback .verify-box .sub-content {
  font-size: 0
}

.pop-feedback .verify-box input {
  width: 241px;
  min-width: 212px;
  height: 32px;
  padding: 0 0 0 40px;
  border: 1px solid #eee;
  background: url(../images/icons-sign.png) 11px -39px no-repeat
}

.pop-feedback .verify-box img {
  width: 102px;
  height: 32px;
  border: 1px solid #eee;
  border-left: none;
  vertical-align: middle
}

.pop-feedback .dialog-footer {
  margin-top: 0;
  padding-bottom: 24px;
  margin-right: 40px
}

.pop-feedback .dialog-footer .btn {
  border-radius: 4px;
  padding: 0 20px
}

.pop-feedback .dialog-footer .btn-cancel {
  color: #5c5e66;
  border: 1px solid #c1c6cc;
  transition: all .2s linear
}

.pop-feedback .dialog-footer .btns .btn-outline.btn-cancel:hover {
  border: 1px solid #00b8bf;
  padding: 0 20px;
  line-height: 32px;
  height: 32px;
  color: #00a6a7
}

.pop-feedback .dialog-footer .btn-sure {
  color: #fff;
  background: #00b8bf;
  transition: all .2s linear;
  border: 1px solid #00b8bf
}

.pop-feedback .dialog-footer .btn-sure:hover {
  background: rgba(0,166,167,.8);
  border: 1px solid rgba(0,166,167,.8)
}

.pop-feedback input:focus,.pop-feedback textarea:focus {
  box-shadow: 0 1px 3px rgba(93,213,200,.4);
  border-color: #00d7c6
}

.pop-feedback .verify-box-new input {
  top: 0!important
}

.pop-feedback .verify-box-new {
  position: relative;
  min-height: 44px;
  background: #e8e8e8;
  border-radius: 4px;
  width: 440px;
  margin-left: 90px
}

.pop-feedback .verify-box-new .verify-init-btn {
  line-height: 42px;
  height: 44px;
  border-radius: 4px
}

.pop-feedback .verify-box-new .verify-init-btn .verify-init-dot {
  top: 10px
}

.pop-feedback .verify-box-new .geetest_holder.geetest_wind {
  height: 44px
}

.pop-feedback .verify-box-new .geetest_holder.geetest_wind .geetest_success_btn .geetest_success_box {
  top: 8px
}

.pop-feedback .verify-box-new .geetest_holder.geetest_wind .geetest_wait {
  margin: 8px
}

.pop-feedback .verify-box-new .geetest_holder.geetest_wind .geetest_radar {
  margin: 6px
}

.pop-feedback .verify-box-new .geetest_holder.geetest_wind .geetest_radar_btn {
  border-radius: 4px
}

.pop-feedback .verify-box-new .geetest_holder.geetest_wind .geetest_radar_tip,.pop-feedback .verify-box-new .geetest_holder.geetest_wind .geetest_success_radar_tip {
  height: 44px;
  line-height: 42px;
  border-radius: 4px
}

.pop-feedback .verify-box-new:before {
  position: absolute;
  left: 50%;
  margin-left: -42px;
  content: '正在加载中';
  background: url(https://z.zhipin.com/web/geek/resource/loading.gif) right center no-repeat;
  background-size: 16px;
  padding-right: 20px;
  line-height: 44px;
  color: #969696
}

.dialog-footer .btns .btn-outline:hover {
  height: 30px
}

.dialog-report-type-list .dialog-container {
  margin: 0;
  transform: translate(-50%,-50%);
  width: 660px;
  border-radius: 12px
}

.dialog-report-type-list .dialog-title .title {
  padding: 30px 40px 12px;
  font-size: 18px;
  font-weight: 600;
  color: #222;
  line-height: 25px
}

.dialog-report-type-list .dialog-con {
  padding-bottom: 20px;
  max-height: 500px;
  overflow: auto
}

.dialog-report-type-list .dialog-con .type-list .type-item {
  padding: 0 24px;
  font-weight: 400;
  margin: 0 16px;
  cursor: pointer;
  border-radius: 12px;
  transition: all .2s linear
}

.dialog-report-type-list .dialog-con .type-list .type-item:hover {
  background: #f7f7f7
}

.dialog-report-type-list .dialog-con .type-list .type-item:hover .right-icon {
  background-position: -6px -8px
}

.dialog-report-type-list .dialog-con .type-list .type-item .type-item-inner {
  height: 76px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  position: relative
}

.dialog-report-type-list .dialog-con .type-list .type-item-inner .first-title {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  line-height: 20px
}

.dialog-report-type-list .dialog-con .type-list .type-item-inner .second-title {
  font-size: 12px;
  color: #666;
  margin-top: 8px;
  line-height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 546px
}

.dialog-report-type-list .dialog-con .type-list .type-item-inner .right-icon {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -4px;
  width: 4px;
  height: 7px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.dialog-report-type-second .dialog-con {
  margin-top: 25px
}

.dialog-report-type-list .dialog-con .my-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  padding: 30px 40px 12px 40px;
  font-size: 18px;
  font-weight: 600;
  color: #222;
  line-height: 25px;
  border-radius: 12px 12px 0 0;
  background: #fff
}

.dialog-report-type-list .dialog-con .back-to-first {
  width: 16px;
  height: 16px;
  background: rgba(0,0,0,.3);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  overflow: hidden;
  transition: all .2s linear
}

.dialog-report-type-list .dialog-con .back-to-first:after {
  content: ' ';
  display: block;
  width: 4px;
  height: 4px;
  margin-left: 3px;
  border-color: transparent transparent #fff #fff;
  border-width: 1px;
  border-style: solid;
  transform: rotate(45deg)
}

.dialog-report-type-list .dialog-con .back-to-first:hover {
  background: #00bebd
}

.dialog-report-type-list .dialog-con .my-title .title-text {
  margin-left: 8px
}

.pop-report .dialog-container {
  margin: 0;
  width: 610px;
  transform: translate(-50%,-50%);
  border-radius: 12px;
  background: #fff url(https://img.bosszhipin.com/static/file/2022/07ye2wi0b01663661547292.png) 0 0/100% auto no-repeat
}

.pop-report .dialog-con {
  padding: 0
}

.pop-report .icon-close:after,.pop-report .icon-close:before {
  background: #777
}

.pop-report .dialog-con .prop-inner {
  padding: 0 29px 0 43px;
  max-height: calc(100vh - 178px);
  overflow: overlay;
  overflow: auto
}

.pop-report .dialog-con .my-title {
  display: flex;
  align-items: center;
  padding: 30px 43px 18px 43px;
  font-size: 24px;
  font-weight: 600;
  color: #222;
  line-height: 33px
}

.pop-report .dialog-con .back-to-first {
  width: 16px;
  height: 16px;
  background: rgba(0,0,0,.3);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  overflow: hidden;
  transition: all .2s linear
}

.pop-report .dialog-con .back-to-first:after {
  content: ' ';
  display: block;
  width: 4px;
  height: 4px;
  margin-left: 3px;
  border-color: transparent transparent #fff #fff;
  border-width: 1px;
  border-style: solid;
  transform: rotate(45deg)
}

.pop-report .dialog-con .back-to-first:hover {
  background: #00bebd
}

.pop-report .dialog-con .my-title .title-text {
  margin-left: 8px
}

.pop-report .dialog-footer {
  padding: 10px 30px 30px 0;
  margin-top: 0
}

.pop-report .dialog-footer .btns .btn {
  border-radius: 6px;
  margin-left: 17px;
  padding: 3px 18px;
  transition: all .2s linear
}

.pop-report .dialog-footer .btns .btn-outline:hover {
  padding: 3px 18px;
  height: 32px;
  line-height: 32px;
  border-width: 1px;
  background: rgba(0,190,189,.1)
}

.pop-report .dialog-footer .btn-sure {
  color: #fff;
  background: #00bebd;
  border-color: #00bebd
}

.pop-report .dialog-footer .btn-sure:hover {
  background: rgba(0,190,189,.8);
  border-color: rgba(0,190,189,.8)
}

.pop-report .form-row+.form-row {
  margin-top: 30px
}

.pop-report .form-row .t {
  float: left;
  width: 113px;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  line-height: 20px;
  padding-top: 10px
}

.pop-report .form-row .t-pic {
  padding-top: 38px
}

.pop-report .form-row .require-icon {
  color: #fe574a
}

.pop-report .form-row .report-first-title {
  font-size: 14px;
  font-weight: 500;
  color: #222;
  line-height: 20px;
  padding-top: 12px
}

.pop-report .form-row dd {
  display: inline-block
}

.pop-report .ipt-wrap {
  display: block;
  margin-left: 113px
}

.pop-report .ipt-wrap .ipt {
  padding: 11px 16px;
  border: 1px solid #d4d5d6;
  border-radius: 4px;
  min-width: auto;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  color: #333;
  line-height: 20px;
  transition: all .2s linear
}

.pop-report .ipt-wrap .ipt:focus,.pop-report .ipt-wrap .ipt:hover {
  border-color: #00bebd;
  box-shadow: none
}

.pop-report .ipt-wrap textarea {
  height: 122px;
  resize: none;
  display: block
}

.pop-report input::-webkit-input-placeholder,.pop-report textarea::-webkit-input-placeholder {
  color: #999
}

.pop-report input::-ms-input-placeholder,.pop-report textarea:-ms-input-placeholder {
  color: #999
}

.pop-report input:-moz-placeholder,.pop-report textarea:-moz-placeholder {
  color: #999
}

.pop-report input::-moz-placeholder,.pop-report textarea::-moz-placeholder {
  color: #999
}

.pop-report .form-row-choice .expand-btn {
  width: 18px;
  height: 18px;
  margin-left: 8px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  position: absolute;
  top: 7px;
  right: 0;
  border: 1px solid #00bebd;
  box-sizing: border-box;
  transition: all .2s linear
}

.pop-report .form-row-choice .expand-btn:hover {
  border-color: rgba(0,166,167,.8)
}

.pop-report .form-row-choice .expand-btn:hover:before {
  border-color: transparent transparent rgba(0,166,167,.8) rgba(0,166,167,.8)
}

.pop-report .form-row-choice.is-pack .expand-btn:before {
  transform: rotate(-45deg);
  margin-top: -3px
}

.pop-report .form-row-choice.is-pack .report-second-title-list {
  max-height: 42px
}

.pop-report .form-row-choice .expand-btn:before {
  content: ' ';
  display: block;
  width: 4px;
  height: 4px;
  margin-left: 0;
  margin-top: 3px;
  border-color: transparent transparent #00bebd #00bebd;
  border-width: 1px;
  border-style: solid;
  transform: rotate(135deg)
}

.pop-report .form-row-choice {
  margin-top: 20px
}

.pop-report .form-row-choice+.form-row-choice {
  margin-top: 20px
}

.pop-report .form-row .choice-t-warp {
  position: relative;
  padding-top: 3px;
  font-size: 12px;
  color: #666;
  font-weight: 400;
  line-height: 17px;
  width: 101px
}

.pop-report .fact-sheet-title {
  font-size: 14px;
  color: #333;
  line-height: 20px;
  font-weight: 500;
  display: block;
  margin-top: 30px
}

.pop-report .select-option-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 390px;
  margin-bottom: -10px;
  margin-left: -12px;
  margin-right: -12px
}

.pop-report .select-option-list li {
  position: relative;
  max-width: 152px;
  font-size: 14px;
  color: #333;
  margin: 0 12px 8px
}

.pop-report .select-option-list li.show-tooltip .option-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.pop-report .select-option-list li .option-name {
  position: relative;
  display: block;
  line-height: 20px;
  width: 100%;
  box-sizing: border-box;
  padding-left: 24px;
  cursor: pointer;
  transition: all .2s linear
}

.pop-report .select-option-list.is-multiple li .option-name:before {
  border-radius: 4px
}

.pop-report .select-option-list.is-multiple li.is-check .option-name:after {
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  content: "";
  height: 8px;
  width: 4px;
  top: 4px;
  left: 5px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-sizing: content-box;
  border-radius: 0;
  background: 0 0
}

.pop-report .select-option-list li.is-check .option-name:after {
  content: ' ';
  position: absolute;
  top: 7px;
  left: 5px;
  z-index: 2;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 100%
}

.pop-report .select-option-list li.is-check .option-name:before {
  background: #00bebd;
  border: 1px solid #00bebd
}

.pop-report .select-option-list li .option-name:before {
  content: ' ';
  position: absolute;
  top: 2px;
  left: 0;
  z-index: 1;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border: 1px solid #d4d5d6;
  box-sizing: border-box
}

.pop-report .select-option-list li .option-name:hover:before {
  border-color: #00bebd
}

.pop-report .select-option-list li.show-extra .extra-input {
  display: block
}

.pop-report .select-option-list li.show-extra:before {
  content: ' ';
  position: absolute;
  z-index: 10;
  top: 21px;
  border-radius: 2px;
  left: 50%;
  width: 6px;
  height: 6px;
  border: 1px solid #d4d5d6;
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
  background: #fff;
  transform: rotate(45deg)
}

.pop-report .select-option-list li .extra-input {
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
  width: 410px;
  height: 49px;
  z-index: 9;
  background: #fff
}

.pop-report .select-option-list li .extra-input input {
  outline: 0;
  border: 1px solid #d4d5d6;
  width: 100%;
  border-radius: 4px;
  padding: 12px 16px;
  line-height: 20px;
  box-sizing: border-box
}

.pop-report .select-option-list li .extra-input input:focus,.pop-report .select-option-list li .extra-input input:hover {
  border: 1px solid #d4d5d6;
  box-shadow: none
}

.pop-report .report-second-title-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 390px;
  overflow: hidden;
  margin-bottom: -10px
}

.pop-report .report-second-title-list .second-title-item {
  overflow: visible;
  margin: 0 10px 10px 0
}

.pop-report .report-second-title-list .second-title {
  font-size: 14px;
  color: #1d2129;
  line-height: 20px;
  padding: 5px 15px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #d4d5d6;
  box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap
}

.pop-report .tooltip-black-title {
  background: #464646;
  border-radius: 2px;
  padding: 3px 10px;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  line-height: 18px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1011;
  transform: translate(-50%,0);
  word-break: break-all;
  max-width: 300px
}

.pop-report .report-second-title-list .second-title:hover {
  background: #e5f9f8;
  border: 1px solid #00bebd
}

.pop-report .report-second-title-list .second-title.active {
  color: #00a6a7;
  background: #e5f9f8;
  border: 1px solid #00bebd;
  font-weight: 500
}

.pop-report .report-second-title-list .second-title-item.has-arrow {
  position: relative
}

.pop-report .report-second-title-list .second-title-item.has-arrow:after {
  content: ' ';
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  top: 34px;
  margin-left: -4px;
  border-top: 4px solid transparent;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #f2f2f2
}

.pop-report .third-title-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 390px;
  box-sizing: border-box;
  padding: 10px 10px 0 10px;
  margin-top: 10px;
  background: #f2f2f2;
  border-radius: 8px;
  overflow: hidden
}

.pop-report .third-title-list .third-title {
  position: relative;
  font-size: 14px;
  color: #1d2129;
  line-height: 20px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer
}

.pop-report .third-title-list .third-title:before {
  content: ' ';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 100%;
  border: 1px solid #d4d5d6;
  vertical-align: middle;
  margin-right: 8px;
  transition: all .2s linear
}

.pop-report .third-title-list .third-title.active:before,.pop-report .third-title-list .third-title:hover:before {
  border-color: #00bebd
}

.pop-report .third-title-list .third-title.active:after {
  content: ' ';
  position: absolute;
  top: 6px;
  left: 4px;
  width: 10px;
  height: 10px;
  z-index: 1;
  border-radius: 100%;
  background: #00bebd
}

.pop-report .dropdown-menu ul::-webkit-scrollbar-track-piece,.pop-report textarea::-webkit-scrollbar-track-piece {
  background-color: #fff
}

.pop-report .dropdown-menu ul::-webkit-scrollbar,.pop-report textarea::-webkit-scrollbar {
  width: 4px
}

.pop-report .dropdown-menu ul::-webkit-scrollbar-thumb,.pop-report textarea::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #ddd
}

.pop-report textarea::-webkit-scrollbar-thumb:hover {
  height: 50px;
  background-color: #ccc
}

.pop-report .count-num {
  position: absolute;
  bottom: 1px;
  right: 10px;
  font-size: 12px;
  color: #999;
  line-height: 17px;
  z-index: 1;
  padding: 2px 0 2px 5px;
  background-color: rgba(255,255,255,.5)
}

.pop-report .count-num em {
  color: #00a6a7
}

.pop-report .form-row {
  position: relative
}

.pop-report .text-error {
  display: block;
  color: #fe574a;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  padding-left: 113px
}

.pop-report .pic-error {
  padding-left: 0
}

.pop-report a {
  color: inherit
}

.pop-report .upload {
  display: block;
  margin-left: 113px;
  color: #00c2b3;
  position: relative
}

.pop-report .upload .upload-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  float: left;
  cursor: pointer;
  margin-bottom: 8px;
  width: 100px;
  height: 100px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid rgba(0,190,189,1);
  transition: all .2s linear;
  box-sizing: border-box
}

.pop-report .upload .upload-btn .icon-plus {
  width: 20px;
  height: 20px;
  background: url(../images/icon-plus@2x.png) no-repeat;
  background-size: contain;
  display: block
}

.pop-report .upload a {
  font-size: 14px;
  color: #00a6a7;
  line-height: 20px;
  margin-top: 15px;
  display: block;
  width: 100%;
  text-align: center
}

.pop-report .upload .upload-btn:hover {
  background: rgba(0,190,189,.1)
}

.pop-report .upload a .icon-toast-loading {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  background: url(https://img.bosszhipin.com/static/file/2022/14gh9y27171671433010637.png) center center no-repeat;
  -webkit-animation: rotate .8s infinite linear;
  animation: rotate .8s infinite linear
}

.pop-report .upload a:hover {
  color: #55cbc4
}

.pop-report .upload input {
  position: absolute;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2
}

.pop-report .preview {
  width: 425px
}

.pop-report .preview ul {
  display: flex;
  width: 425px;
  flex-wrap: wrap;
  margin-bottom: -8px
}

.pop-report .preview li {
  position: relative;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  margin: 0 8px 8px 0;
  background-color: #9fa3b0
}

.pop-report .preview .link-close {
  border-radius: 50%;
  position: absolute;
  top: -5px;
  right: -5px;
  width: 20px;
  height: 20px;
  background-image: url(https://img.bosszhipin.com/static/file/2022/qu1swb29as1671433103170.png);
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 100%
}

.pop-report .preview .link-close:hover {
  background-position: 0 -40px
}

.pop-report .preview img {
  max-width: 100%;
  max-height: 100%;
  display: block
}

.pop-report .verify-box {
  font-size: 0;
  vertical-align: middle
}

.pop-report .verify-box-new input {
  top: 0!important
}

.pop-report .verify-box-new {
  position: relative;
  margin-left: 113px;
  min-height: 44px;
  background: #e8e8e8;
  border-radius: 4px
}

.pop-report .verify-box-new .verify-init-btn {
  line-height: 42px;
  height: 44px;
  border-radius: 4px
}

.pop-report .verify-box-new .verify-init-btn .verify-init-dot {
  top: 10px
}

.pop-report .verify-box-new .geetest_holder.geetest_wind {
  height: 44px
}

.pop-report .verify-box-new .geetest_holder.geetest_wind .geetest_success_btn .geetest_success_box {
  top: 5px
}

.pop-report .verify-box-new .geetest_holder.geetest_wind .geetest_wait {
  margin: 12px
}

.pop-report .verify-box-new .geetest_holder.geetest_wind .geetest_radar {
  margin: 6px
}

.pop-report .verify-box-new .geetest_holder.geetest_wind .geetest_radar_btn {
  border-radius: 4px
}

.pop-report .verify-box-new .geetest_holder.geetest_wind .geetest_radar_tip,.pop-report .verify-box-new .geetest_holder.geetest_wind .geetest_success_radar_tip {
  height: 44px;
  line-height: 42px;
  border-radius: 4px
}

.pop-report .verify-box-new:before {
  position: absolute;
  left: 50%;
  margin-left: -10px;
  content: '正在加载中';
  background: url(https://z.zhipin.com/web/geek/resource/loading.gif) right center no-repeat;
  background-size: 16px;
  padding-right: 20px;
  line-height: 44px;
  color: #969696
}

.pop-report input:focus,.pop-report textarea:focus {
  box-shadow: 0 1px 3px rgba(93,213,200,.4);
  border-color: #00d7c6
}

.pop-report .form-row.form-row-protocol {
  margin-top: 26px;
  margin-bottom: 20px
}

.pop-report .report-protocol {
  display: block;
  margin-left: 113px
}

.pop-report .report-protocol p {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  line-height: 20px
}

.pop-report .report-protocol a {
  color: #00c4b3
}

.pop-report .report-protocol span {
  display: block;
  font-size: 12px;
  color: #666;
  line-height: 17px;
  margin-top: 0
}

.pop-report .btn {
  min-width: 30px;
  padding: 0 30px;
  height: 32px;
  line-height: 32px;
  color: #5dd5c8;
  font-size: 14px
}

.pop-report .report-account {
  display: flex;
  align-items: center
}

.pop-report .report-account .ipt {
  width: 210px
}

.pop-report .report-account.is-edit .ipt {
  display: block
}

.pop-report .report-account.is-edit .account-text {
  display: none
}

.pop-report .report-account .ipt {
  display: none
}

.pop-report .report-account .account-text {
  display: block;
  width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: kanzhun-Regular,kanzhun;
  color: #222;
  line-height: 29px;
  font-size: 24px;
  padding: 7px 0 8px 0
}

.pop-report .report-account .modify-account-btn {
  font-weight: 500;
  color: #00a6a7;
  line-height: 20px;
  font-size: 14px;
  margin-left: 16px;
  transition: all .2s linear
}

.pop-report .report-account .modify-account-btn:hover {
  color: rgba(0,166,167,.8)
}

.pop-report .contract-account-tip {
  display: block;
  margin-left: 113px;
  font-size: 12px;
  font-weight: 400;
  color: #666;
  line-height: 17px;
  margin-top: 12px
}

.dialog-back-to-type-list .dialog-container {
  padding: 30px;
  width: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  transform: translate(-50%,-70%)
}

.dialog-back-to-type-list .dialog-container .dialog-con {
  padding: 20px 0
}

@keyframes rotate {
  0% {
      transform: rotate(0)
  }

  100% {
      transform: rotate(360deg)
  }
}

input::-webkit-input-placeholder {
  color: #9fa3af
}

input:-ms-input-placeholder {
  color: #9fa3af
}

input:-moz-placeholder {
  color: #9fa3af
}

input::-moz-placeholder {
  color: #9fa3af
}

textarea::-webkit-input-placeholder {
  color: #9fa3af
}

textarea:-ms-input-placeholder {
  color: #9fa3af
}

textarea:-moz-placeholder {
  color: #9fa3af
}

textarea::-moz-placeholder {
  color: #9fa3af
}

.jconfirm .pop-payment .jconfirm-box div.content-pane .content {
  padding: 0
}

.jconfirm .pop-payment .jconfirm-box div.content-pane {
  margin-bottom: 0
}

.jconfirm .pop-payment .jconfirm-box div.title-c {
  display: none
}

.jconfirm .pop-payment .jconfirm-box {
  border-radius: 0
}

.pop-payment .dialog-container {
  width: 400px;
  padding: 0;
  margin: -230px 0 0 -200px
}

.loader-gray-17 {
  width: 17px;
  height: 17px;
  overflow: hidden;
  display: inline-block;
  background: url(//static.zhipin.com/v2/web/boss/images/ui/icon-load-17.png);
  -webkit-animation: rotated .9s infinite linear;
  animation: rotated .9s infinite linear
}

@-webkit-keyframes rotated {
  0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

@keyframes rotated {
  0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

.mb-payment {
  color: #62687a
}

.pop-payment .jconfirm-box {
  width: 400px
}

.mb-payment .mb-payment-title {
  height: 50px;
  line-height: 50px;
  background-color: #f9fafb
}

.mb-payment .mb-payment-title span {
  padding-left: 6px;
  font-size: 12px
}

.mb-payment .mb-payment-title img {
  vertical-align: middle;
  margin: 0 13px 0 30px
}

.mb-payment .mb-pay-info {
  height: 85px;
  line-height: 85px;
  text-align: center
}

.mb-payment .mb-pay-info i {
  vertical-align: middle;
  margin-right: 5px
}

.mb-payment .mb-pay-info i {
  color: #fc6c38;
  font-style: normal
}

.mb-payment .mb-pay-info .currency {
  margin-left: 15px
}

.mb-pay-account {
  width: 100%;
  height: 84px;
  display: table;
  padding-top: 6px
}

.mb-pay-account .mb-pay-acontent {
  display: table-cell;
  vertical-align: middle
}

.mb-payment .amount {
  font-size: 20px;
  padding-left: 4px;
  vertical-align: middle
}

.mb-payment .qr-code {
  height: 135px;
  text-align: center
}

.mb-payment .qr-code img {
  width: 135px;
  height: 135px
}

.mb-payment .mb-payment-ammount {
  line-height: 38px;
  text-align: center;
  padding-top: 8px
}

.mb-payment .mb-payment-ammount li {
  padding: 0 10px;
  display: inline-block
}

.mb-payment-result {
  height: 75px;
  overflow: hidden;
  line-height: 85px;
  text-align: center
}

.mb-payment-result a {
  color: #18c3b1;
  margin-left: 15px
}

.mb-payment-result i {
  vertical-align: middle;
  margin: -2px 8px 0 0
}

.pay-info-text {
  text-align: center;
  padding-bottom: 30px
}

.pay-info-text img {
  width: 60px;
  height: 60px;
  margin-top: 30px
}

.pay-info-text .article {
  font-size: 18px;
  margin: 18px 0 12px 0
}

.pay-info-text .text {
  width: 340px;
  margin: 0 auto;
  text-align: center
}

.pay-info-text .success-cancel,.pay-info-text .success-confirm {
  min-width: 136px;
  margin: 32px 20px 0 20px;
  font-size: 14px;
  box-sizing: border-box
}

.pay-info-text .success-cancel {
  color: #5dd5c8;
  background-color: #fff;
  border: 1px solid #5dd5c8
}

.prop-order-info {
  text-align: center;
  padding: 20px 0 5px 0;
  border-bottom: 1px solid #f2f5fa
}

.prop-order-info .order-name {
  line-height: 30px
}

.prop-order-info .order-amount {
  font-size: 36px;
  line-height: 58px
}

.prop-order-info .order-amount i {
  font-size: 20px;
  font-style: normal;
  margin-right: 5px;
  vertical-align: middle
}

.prop-order-info .order-balance {
  font-size: 12px;
  padding-bottom: 12px
}

.pop-payment .prop-order {
  padding: 0 30px 22px 30px
}

.pop-payment .prop-buttons .btn-block {
  display: block;
  margin-bottom: 12px
}

.pop-payment .prop-order-type {
  overflow: hidden
}

.pop-payment .prop-type-article {
  line-height: 40px;
  padding-bottom: 5px
}

.pop-payment .prop-order-type p {
  width: 158px;
  height: 32px;
  cursor: pointer;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #d1d4db;
  box-sizing: content-box
}

.pop-payment .payment-wx.selected,.pop-payment .payment-wx:hover {
  color: #fff;
  border-color: #01c000;
  background-color: #01c000
}

.pop-payment .payment-wx.selected i,.pop-payment .payment-wx:hover i {
  background-position: -30px 0
}

.pop-payment .payment-zfb.selected,.pop-payment .payment-zfb:hover {
  color: #fff;
  border-color: #1c77fa;
  background-color: #1c77fa
}

.pop-payment .payment-zfb.selected i,.pop-payment .payment-zfb:hover i {
  background-position: -30px -30px
}

.pop-payment .prop-order-type i {
  margin-right: 12px;
  vertical-align: middle
}

.pop-payment .btn-block {
  width: 100%;
  height: 40px;
  padding: 0;
  line-height: 40px
}

.pop-payment .prop-buttons {
  padding-top: 15px
}

.pop-payment .order-detail {
  padding: 0 30px
}

.pop-payment .order-detail dt {
  min-height: 54px;
  line-height: 54px;
  padding: 10px 0 8px 0;
  box-sizing: content-box
}

.pop-payment .order-detail .item-prop {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 54px
}

.pop-payment .order-detail .item-prop p {
  padding-left: 8px;
  line-height: 24px;
  vertical-align: middle;
  max-width: 210px
}

.pop-payment .order-detail dt .item-name {
  font-weight: 700
}

.pop-payment .order-detail dt img {
  display: block;
  float: left;
  height: 54px;
  width: 54px
}

.pop-payment .order-detail dd {
  padding: 9px 0;
  border-top: 1px solid #eef0f7
}

.pop-payment .item-coupon-list {
  background: #f9fafb;
  margin: 8px 0 5px 0;
  padding-left: 20px;
  display: none;
  padding-top: 9px
}

.pop-payment .unfold .item-coupon-list {
  display: block
}

.pop-payment .coupon-left {
  color: #fc6c38
}

.pop-payment .item-coupon .coupon-left,.pop-payment .item-coupon .coupon-selected {
  cursor: pointer;
  padding-right: 10px;
  background: url(//static.zhipin.com/v2/web/boss/images/prop/icons-direct-access.png) right -322px no-repeat
}

.pop-payment .item-coupon.unfold .coupon-left,.pop-payment .item-coupon.unfold .coupon-selected {
  background: url(//static.zhipin.com/v2/web/boss/images/prop/icons-direct-access.png) right -293px no-repeat
}

.pop-payment .bead-close {
  position: absolute;
  display: inline-block;
  cursor: pointer;
  width: 26px;
  height: 28px;
  top: 0;
  right: 0;
  background: url(//static.zhipin.com/v2/web/boss/images/prop/icons-direct-access.png) 0 -120px
}

.pop-payment .bead-close:hover {
  background-position: 0 -170px
}

.pop-payment .pay-amount {
  color: #fc6c38;
  font-size: 16px
}

.pop-payment .item-coupon-list span {
  display: inline-block;
  vertical-align: top;
  height: 23px;
  margin: 0 9px 9px 0;
  cursor: pointer;
  line-height: 23px;
  padding: 0 14px;
  border: 1px solid #e2e4ec;
  background: url(//static.zhipin.com/v2/web/boss/images/prop/icons-direct-access.png) right -18px no-repeat
}

.pop-payment .item-coupon-list span.selected {
  background-position: right 12px;
  border-color: #6adbcf;
  color: #6adbcf
}

.icon-wx {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  background: url(//static.zhipin.com/v2/web/boss/images/icons-payment.png);
  background-position: 0 0
}

.icon-zfb {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  background: url(//static.zhipin.com/v2/web/boss/images/icons-payment.png);
  background-position: 0 -30px
}

.recharge-beans-rebate .dialog-container {
  width: 520px;
  padding: 25px 30px 30px 30px;
  margin: -190px 0 0 -290px
}

.recharge-beans-rebate .dialog-con {
  padding-bottom: 35px
}

.recharge-beans-rebate .dialog-title h3 {
  font-size: 18px;
  font-weight: 400
}

.recharge-beans-rebate .recharge-rebate-panel {
  overflow: hidden;
  padding-left: 18px
}

.recharge-beans-rebate .recharge-rebate-panel li {
  display: inline-block;
  width: 130px;
  height: 50px;
  font-size: 15px;
  color: #8d92a1;
  line-height: 48px;
  text-align: center;
  border-radius: 2px;
  margin: 0 15px 7px 0;
  overflow: hidden;
  cursor: pointer
}

.recharge-beans-rebate .rebate-item {
  width: 128px;
  height: 48px;
  border: 1px solid #e2e4ec
}

.recharge-beans-rebate .selected .rebate-item {
  color: #5cd5c8;
  border-color: #5cd5c8
}

.recharge-beans-rebate .rebate-off {
  display: inline-block;
  width: 52px;
  font-size: 12px;
  color: #fe7f7d;
  text-align: center;
  vertical-align: top;
  float: right
}

.recharge-beans-rebate .selected .rebate-off {
  color: #5cd5c8
}

.recharge-beans-rebate .interval {
  float: right;
  display: inline-block;
  vertical-align: top;
  height: 48px;
  width: 0;
  position: relative;
  border-left: 1px dotted #e2e4ec
}

.recharge-beans-rebate .interval:after,.recharge-beans-rebate .interval:before {
  content: " ";
  position: absolute;
  width: 5px;
  height: 5px;
  border: 1px solid #e2e4ec;
  left: -4px;
  border-radius: 5px;
  background: #fff
}

.recharge-beans-rebate .interval:before {
  top: -4px
}

.recharge-beans-rebate .interval:after {
  bottom: -4px
}

.recharge-beans-rebate .selected .interval,.recharge-beans-rebate .selected .interval:after,.recharge-beans-rebate .selected .interval:before {
  border-color: #5cd5c8
}

.recharge-beans-rebate .ipt-amount {
  padding: 8px 12px 8px 7px;
  min-width: 254px;
  margin-top: 5px
}

.recharge-beans-rebate .ios-off {
  font-size: 12px;
  padding: 2px 0 16px 0
}

.recharge-beans-rebate .order-info {
  float: left
}

.recharge-beans-rebate .order-amount {
  color: #fc6c38;
  font-size: 16px;
  margin: 1px 8px 0 18px;
  display: inline-block;
  vertical-align: top
}

.recharge-beans-original .dialog-container {
  width: 400px;
  padding: 25px 30px 30px 30px;
  margin: -140px 0 0 -230px
}

.recharge-beans-original .dialog-con {
  padding-bottom: 20px
}

.recharge-beans-original .dialog-title h3 {
  font-size: 18px;
  font-weight: 400
}

.recharge-beans-original .ipt-amount {
  color: #434a5e;
  width: 150px;
  height: 40px;
  line-height: 40px;
  border: none;
  vertical-align: top;
  background: #f2f5fa;
  text-align: right;
  box-sizing: border-box;
  padding-right: 10px;
  font-size: 18px
}

.recharge-beans-original li {
  line-height: 40px;
  color: #61687c;
  margin-top: 10px
}

.recharge-beans-original li p {
  text-align: right
}

.recharge-beans-original li .ios-notice {
  color: #9fa3b0;
  font-size: 12px;
  line-height: 20px;
  text-align: left
}

.pull-left {
  float: left
}

.commerical-success-notice .dialog-container {
  width: 400px;
  margin: -180px 0 0 -200px
}

.commerical-success-notice .btns {
  text-align: center;
  padding-bottom: 30px
}

.vip-promotion-2018-notice {
  color: #9fa3b0;
  text-align: left;
  font-size: 12px;
  line-height: 22px;
  padding-top: 16px
}

.payment-agreement {
  text-align: center;
  font-size: 12px
}

.payment-agreement a {
  color: #00c2b3;
  text-decoration: underline
}

.fl {
  float: left
}

.fr {
  float: right
}

.pay-active-list {
  padding-top: 4px
}

.pay-active-list li {
  overflow: hidden;
  font-size: 12px;
  padding: 4px 0;
  line-height: 20px
}

.pay-active-list .tag-desc {
  float: left;
  color: #fe7f7d;
  font-style: normal;
  padding: 0 8px;
  margin-right: 10px;
  background: #ffeeef
}

.pay-active-list .amount-desc {
  float: right;
  font-size: 14px
}

.pay-active-list .discount-desc {
  overflow: hidden;
  color: #8d92a1;
  padding: 0 20px 0 0
}

.prop-order .prop-qrcode-wrap {
  width: 132px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto
}

.prop-order .prop-qrcode-wrap .prop-qr-code {
  display: none;
  width: 114px;
  height: 114px
}

.prop-order .prop-qrcode-wrap.is-expire .expire-time {
  display: inline-block
}

.prop-order .prop-qrcode-wrap.is-expire .prop-qr-code {
  display: block
}

.prop-order .prop-qrcode-wrap.is-expire .pasted-info {
  display: none
}

.prop-order .prop-qrcode-wrap.is-expire .prop-refresh {
  display: none
}

.prop-order .prop-qrcode-wrap .expire-time {
  display: none
}

.prop-order .prop-qrcode-wrap .pasted-info {
  display: inline-block
}

.prop-order .prop-qrcode-wrap .payment-check,.prop-order .prop-qrcode-wrap .payment-pattern {
  font-size: 12px;
  font-weight: 400;
  color: #999;
  line-height: 16px;
  margin: 8px 4px 0;
  text-align: center;
  white-space: nowrap
}

.prop-order .prop-qrcode-wrap .high-light {
  color: #00c2b3;
  cursor: pointer
}

.prop-order .prop-qrcode-wrap .payment-way {
  text-align: center;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  line-height: 17px;
  margin-top: 10px
}

.prop-order .prop-qrcode-wrap .pay-chanel-icon {
  height: 16px;
  margin: 0 3px;
  white-space: nowrap
}

.prop-order .payment-pattern {
  margin: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: #999;
  line-height: 17px
}

.prop-order .payment-pattern .already-pay {
  margin-left: 8px;
  cursor: pointer
}

.prop-order .prop-refresh {
  width: 132px;
  height: 132px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #eaeaea
}

.prop-order .prop-refresh i {
  cursor: pointer
}

.datetimepicker {
  display: none;
  width: 284px;
  height: 294px;
  padding: 5px 10px;
  position: absolute;
  position: absolute;
  background: #fff;
  border: 1px solid #f2f2f2;
  font-size: 12px;
  box-shadow: 0 0 14px rgba(0,0,0,.11)
}

.table-condensed {
  width: 100%
}

.table-condensed tr {
  line-height: 30px
}

.table-condensed th.dow {
  font-size: 15px;
  color: #d2d6e2;
  font-weight: 400
}

.table-condensed td {
  text-align: center
}

.datetimepicker-days .table-condensed td {
  cursor: pointer;
  padding-bottom: 2px
}

.datetimepicker-days .table-condensed td em {
  display: inline-block;
  font-style: normal;
  line-height: 36px;
  min-width: 36px;
  font-size: 14px
}

.table-condensed td span {
  text-align: center;
  width: 55px;
  float: left;
  margin: 20px 8px;
  cursor: pointer
}

.table-condensed td span:hover {
  background: #f2f5f9;
  border-radius: 2px;
  transition: all .2s
}

.table-condensed td span.active {
  color: #fff;
  border-radius: 2px;
  background: #fa6a43
}

.table-condensed td span.active:hover {
  background: #fc7c5a
}

.datetimepicker-days .table-condensed td:hover em {
  background: #f2f5f9
}

.datetimepicker-days .table-condensed td.active em {
  background: #62d5c8;
  color: #fff
}

.datetimepicker-days .table-condensed td.disabled em {
  background: 0 0;
  color: #d2d6e2
}

.table-condensed td span.disabled,.table-condensed td.disabled {
  cursor: default;
  color: #d2d6e2
}

.table-condensed td span.disabled:hover,.table-condensed td.disabled:hover {
  background-color: #fff
}

.datetimepicker td.old {
  color: #d2d6e2
}

.datetimepicker .next,.datetimepicker .prev {
  border-radius: 2px;
  width: 38px;
  font-size: 20px;
  cursor: pointer
}

.datetimepicker .next .fz,.datetimepicker .prev .fz {
  margin-top: -5px;
  vertical-align: middle
}

.datetimepicker .next:hover,.datetimepicker .prev:hover {
  background: #e3e7ed;
  transition: all .3s
}

.table-condensed .switch {
  width: 193px;
  text-align: center;
  font-size: 14px;
  font-weight: 400
}

.datetimepicker .datetimepicker-days .switch,.datetimepicker .datetimepicker-months .switch {
  cursor: pointer
}

.datetimepicker .datetimepicker-days .switch:hover,.datetimepicker .datetimepicker-months .switch:hover {
  background-color: #f2f5f9;
  border-radius: 2px
}

.datetimepicker .tfoot {
  line-height: 26px;
  cursor: pointer
}

.datetimepicker .tfoot tr {
  line-height: 24px
}

.datetimepicker .tfoot td {
  position: relative
}

.datetimepicker .tfoot .today-btn {
  position: relative;
  width: 100%;
  bottom: 10px
}

.datetimepicker .tfoot .today-btn:hover {
  background: #e3e7ed;
  transition: all .3s
}

.datetimepicker .fz {
  width: 24px;
  height: 24px;
  background: url(https://static.zhipin.com/v2/web/boss/images/icons-calendar.png) no-repeat;
  display: inline-block
}

.datetimepicker .fz-arrow-left {
  background-position: 7px 7px
}

.datetimepicker .fz-arrow-right {
  background-position: 8px -42px
}

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px!important;
  direction: ltr;
  cursor: pointer
}

@media screen\9 {
  .fileinput-button input {
      font-size: 100%;
      height: 100%
  }
}

@-webkit-keyframes progress-bar-stripes {
  from {
      background-position: 40px 0
  }

  to {
      background-position: 0 0
  }
}

@-o-keyframes progress-bar-stripes {
  from {
      background-position: 40px 0
  }

  to {
      background-position: 0 0
  }
}

@keyframes progress-bar-stripes {
  from {
      background-position: 40px 0
  }

  to {
      background-position: 0 0
  }
}

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease
}

.progress-bar-striped,.progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px
}

.progress-bar.active,.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite
}

.progress-bar[aria-valuenow="1"],.progress-bar[aria-valuenow="2"] {
  min-width: 30px
}

.progress-bar[aria-valuenow="0"] {
  min-width: 30px;
  color: #777;
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.progress-bar-success {
  background-color: #5cb85c
}

.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-info {
  background-color: #5bc0de
}

.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-warning {
  background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-danger {
  background-color: #d9534f
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.common-position-type input {
  cursor: pointer
}

.jcrop-holder {
  direction: ltr;
  text-align: left;
  -ms-touch-action: none
}

.jcrop-hline,.jcrop-vline {
  background: #fff url(https://static.zhipin.com/v2/web/boss/images/Jcrop.gif);
  font-size: 0;
  position: absolute
}

.jcrop-vline {
  height: 100%;
  width: 1px!important
}

.jcrop-vline.right {
  right: 0
}

.jcrop-hline {
  height: 1px!important;
  width: 100%
}

.jcrop-hline.bottom {
  bottom: 0
}

.jcrop-tracker {
  height: 100%;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none
}

.jcrop-handle {
  background-color: #333;
  border: 1px #eee solid;
  width: 7px;
  height: 7px;
  font-size: 1px
}

.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0
}

.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px
}

.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%
}

.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%
}

.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0
}

.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0
}

.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0
}

.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px
}

.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%
}

.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px
}

.jcrop-dragbar.ord-n {
  margin-top: -4px
}

.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px
}

.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0
}

.jcrop-dragbar.ord-w {
  margin-left: -4px
}

.jcrop-light .jcrop-hline,.jcrop-light .jcrop-vline {
  background: #fff;
  opacity: .7!important
}

.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000;
  border-color: #fff;
  border-radius: 3px
}

.jcrop-dark .jcrop-hline,.jcrop-dark .jcrop-vline {
  background: #000;
  opacity: .7!important
}

.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #fff;
  border-color: #000;
  border-radius: 3px
}

.solid-line .jcrop-hline,.solid-line .jcrop-vline {
  background: #fff
}

.jcrop-holder img,img.jcrop-preview {
  max-width: none
}

.avatar_layer {
  width: 410px;
  height: 480px;
  margin: -240px 0 0 -205px!important;
  background: #fff;
  border-radius: 3px;
  overflow: hidden;
  display: none
}

.avatar_layer .hd {
  position: relative;
  height: 32px;
  line-height: 32px;
  border-top: 4px solid #53cac3;
  border-bottom: 1px solid #dce1e6;
  padding: 0 10px;
  overflow: hidden
}

.avatar_layer .hd .close {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10;
  width: 12px;
  height: 12px;
  background: url(https://static.zhipin.com/v2/web/geek/images/layer_close.png) no-repeat;
  cursor: pointer;
  display: inline-block
}

.avatar_layer .main {
  padding: 20px 30px
}

.avatar_layer .main .selectpic {
  position: relative;
  width: 100%;
  height: 350px;
  background: #f0f3f5;
  text-align: center;
  overflow: hidden
}

.avatar_layer .main .selectpic .sbox {
  margin-top: 140px
}

.avatar_layer .main .selectpic .sbox .btns {
  height: 24px;
  line-height: 24px;
  background: url(https://static.zhipin.com/v2/web/geek/images/i_new.png) no-repeat 12px center #fff;
  border-radius: 5px;
  box-shadow: 0 1px 1px #dee1e3;
  color: #626672;
  padding: 0 12px 0 26px;
  display: inline-block
}

.avatar_layer .main .selectpic .sbox p {
  color: #626672;
  lin-height: 20px;
  margin-top: 10px
}

.avatar_layer .main .selectpic .sbox .selectfile {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: block
}

.avatar_layer .main .selectpic .editbox {
  position: relative;
  height: 350px;
  background: no-repeat center center;
  display: none
}

.avatar_layer .main .selectpic .editbox .pop {
  position: absolute;
  z-index: 1;
  left: 180px;
  top: 150px;
  width: 10px;
  height: 10px
}

.avatar_layer .main .selectpic .editbox .pop .move-icon {
  position: absolute;
  z-index: 1;
  left: 60px;
  top: 60px;
  width: 30px;
  height: 30px;
  background: url(../images/prop/icon-move.png) no-repeat;
  background-size: cover
}

.avatar_layer .main .selectpic .editbox .pop .scale-icon {
  position: absolute;
  z-index: 1;
  left: -24px;
  top: -20px;
  width: 21px;
  height: 20px;
  background: url(../images/prop/icon-scale.png) no-repeat;
  background-size: cover
}

.avatar_layer .main .selectpic .editbox .pop i {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  background: #fff;
  border: 1px solid #54c3ba;
  border-radius: 50%
}

.ie .avatar_layer {
  width: 610px;
  height: 520px
}

.layer_btns {
  height: 30px;
  padding: 20px 0 0 16px;
  font-size: 0;
  text-align: center
}

.layer_btns a,.layer_btns span {
  width: 94px;
  height: 30px;
  line-height: 30px;
  background: #53cac3;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin: 0 5px;
  display: inline-block;
  vertical-align: middle
}

.layer_btns a.cancel {
  width: 92px;
  height: 28px;
  line-height: 28px;
  background: #f3f3f3;
  border: 1px solid #e5e5e5;
  color: #8a8a8a
}

.layer_btns .change {
  position: relative;
  color: #a8833b;
  background: #fdf8e3;
  display: none;
  cursor: pointer;
  overflow: hidden
}

.layer_btns .change .selectfile {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 200%;
  height: 200%;
  opacity: 0;
  display: block;
  cursor: pointer;
  color: transparent
}

input::-ms-clear,input::-ms-reveal {
  display: none
}

.guide_layer .default-avatar {
  text-align: left;
  position: absolute;
  top: 0;
  z-index: 2;
  font-size: 0
}

.guide_layer .default-avatar p {
  font-size: 14px;
  color: #414a60;
  margin-bottom: 20px;
  font-style: normal
}

.guide_layer .avatar-con {
  margin-right: -40px
}

.guide_layer .img-box {
  width: 60px;
  height: 60px;
  border: 1px solid #fff;
  border-radius: 50%;
  margin-right: 34px;
  margin-bottom: 20px;
  display: inline-block;
  cursor: pointer
}

.guide_layer img {
  width: 60px;
  height: 60px;
  border-radius: 50%
}

.guide_layer .img-checked {
  position: relative;
  border-color: #37e0d2
}

.guide_layer .img-checked .pop {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(93,213,200,.89) url(../images/guide.png) -52px -21px no-repeat
}

.guide_layer .img-box:hover {
  border-color: #37e0d2
}

.guide_layer .main .selectpic {
  background-color: #fff
}

.guide_layer .main .selectpic .editbox {
  background-color: #fff;
  z-index: 3
}

.guide_layer .main .selectpic .sbox {
  margin-top: 230px;
  position: relative
}

.guide_layer .main .selectpic .sbox p {
  margin-top: 22px;
  color: #9fa3b0;
  font-style: normal
}

.guide_layer .main .selectpic .sbox .btns {
  width: 118px;
  height: 32px;
  font-style: normal;
  border-radius: 0;
  border: 1px solid #5dd5c8;
  color: #5dd5c8;
  line-height: 32px;
  padding: 0;
  background-position: 34px center;
  padding-left: 20px
}

.guide_layer .main .selectpic .sbox .selectfile {
  width: 140px;
  height: 34px;
  left: 105px;
  cursor: pointer
}

.guide_layer .layer_btns {
  padding-left: 0
}

.profile_form {
  width: 560px;
  margin-bottom: 100px
}

.profile_form dd.cont {
  position: relative
}

.profile_form dd.cont .bg {
  width: 340px;
  height: 14px;
  position: absolute;
  top: 15px;
  left: 0;
  background: #e8eff2;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  display: inline-block
}

.profile_form dd.cont .loading_bg {
  height: 14px;
  width: 0;
  background: -moz-linear-gradient(left,#57c6de,#14d9d1);
  background: -webkit-linear-gradient(left,#57c6de,#14d9d1);
  background: -o-linear-gradient(left,#57c6de,#14d9d1);
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  display: inline-block;
  position: absolute;
  top: 15px;
  left: 0
}

.profile_form dd.cont .loading_val {
  font-size: 10px;
  color: #755a06;
  width: 38px;
  height: 18px;
  line-height: 18px;
  position: absolute;
  top: -8px;
  left: -19px;
  background: #ffd75a;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align: center
}

.profile_form dd.cont .loading_val i {
  height: 0;
  width: 0;
  border-width: 4px 6px 0 6px;
  border-style: solid dashed dashed dashed;
  border-color: #ffd75a transparent transparent transparent;
  display: block;
  margin: 0 0 0 13px
}

.profile_form .avatar_line {
  height: 94px
}

.profile_form .avatar_tit {
  line-height: 94px
}

.profile_form .avatar_box .avatar {
  width: 90px;
  height: 90px;
  border: 2px solid #d6d6d6;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #e2e2e2;
  float: left
}

.profile_form .avatar_box .sel_avatar {
  margin-left: 112px;
  line-height: 1
}

.profile_form .avatar_box .sel_avatar a {
  width: 80px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: #59cac2;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: inline-block
}

.profile_form .avatar_box .sel_avatar p {
  font-size: 12px;
  color: #b9b9b9;
  margin-top: 10px
}

.profile_form .length_tip {
  font-size: 14px;
  color: #b9b9b9;
  position: absolute;
  right: 15px;
  top: 0
}

.profile_form dl .num {
  top: 8px;
  right: 15px
}

.profile_form .team .num {
  top: inherit
}

.profile_form .team_tit {
  line-height: 1
}

.profile_form textarea {
  height: 112px
}

.profile_form .textarea_tip {
  font-size: 14px;
  color: #b9b9b9;
  position: absolute;
  right: 15px;
  top: 142px;
  line-height: 30px
}

.profile_form .submit_box {
  text-align: center;
  position: relative
}

.profile_form input.vali_btn {
  width: 220px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background: #59cac2;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  margin: 40px auto 0;
  cursor: pointer
}

.profile_form input.vali_btn:hover {
  background: #46bab2
}

.profile_form input.vali_btn_b1 {
  width: 136px;
  height: 42px;
  background: #fff;
  border: 2px solid #9bb4bd;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  font-size: 14px;
  color: #9bb4bd;
  text-align: center
}

.profile_form input.vali_btn_b1:hover {
  color: #fff;
  background: #9bb4bd
}

.profile_form input.preview {
  position: absolute;
  right: 0;
  top: 40px
}

.profile_form .sparklight_box {
  padding: 20px;
  background: #32323a;
  width: 380px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 55px;
  left: 0;
  display: none;
  z-index: 999
}

.profile_form .sparklight_box .jiao {
  position: absolute;
  width: 16px;
  height: 8px;
  background: url(https://www.zhipin.com/v2/chat_v2/images/angleup.png) no-repeat;
  top: -8px;
  right: 30px
}

.profile_form .spark_list {
  overflow: hidden
}

.profile_form .spark_list li {
  margin-right: 10px;
  margin-bottom: 14px;
  float: left;
  line-height: 1;
  padding: 6px 9px;
  color: #fff;
  border: 1px solid #fff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: 12px
}

.profile_form .spark_list li.select {
  border-color: #53cac3;
  background: #53cac3
}

.profile_form .add_spark {
  position: relative
}

.profile_form .add_spark .add_ipt {
  background: #fff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 0 10px;
  position: relative;
  width: 198px;
  height: 26px;
  line-height: 26px
}

.profile_form .add_spark .add_ipt input {
  width: 148px;
  margin-right: 0;
  font-size: 12px;
  line-height: 14px;
  height: 14px;
  vertical-align: top;
  margin-top: 6px
}

.profile_form .add_spark .add_ipt .num {
  position: absolute;
  right: 10px;
  bottom: 10px;
  top: 5px;
  line-height: 14px
}

.profile_form .add_spark .add {
  background: url(https://www.zhipin.com/v2/chat_v2/images/i_add.png) no-repeat;
  width: 26px;
  height: 26px;
  display: inline-block;
  left: 230px;
  top: 0;
  position: absolute
}

.profile_form .sparklight_box .btns {
  text-align: right;
  margin-top: 24px;
  line-height: 1
}

.profile_form .sparklight_box .btns a {
  width: 76px;
  height: 26px;
  line-height: 26px;
  display: inline-block;
  color: #fff;
  text-align: center;
  font-size: 12px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px
}

.profile_form .sparklight_box .btns .cancle {
  background: #c6c6c6;
  margin-right: 12px
}

.profile_form .sparklight_box .btns .confirm {
  background: #53cac3
}

.p_dialog {
  width: 590px;
  background-color: #e9e9e9;
  background-color: rgba(233,233,233,.8);
  padding: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #666;
  -moz-box-shadow: 0 0 10px #666;
  -ms-box-shadow: 0 0 10px #666;
  box-shadow: 0 0 10px #666;
  display: none
}

.p_dialog .dialog_con {
  position: relative;
  border: 1px solid #a0a0a0;
  min-height: 100px;
  background-color: #fff;
  padding: 20px
}

.p_dialog .dialog_close,.p_dialog .fddialog_close {
  width: 22px;
  height: 22px;
  display: inline-block;
  position: absolute;
  background: transparent url(https://www.zhipin.com/v2/chat_v2/images/close.png) no-repeat;
  right: 10px;
  top: 10px;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -ms-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear
}

.p_dialog .dialog_close:hover,.p_dialog .fddialog_close:hover {
  background-color: #eee
}

.p_dialog h3 {
  font-size: 18px;
  font-weight: 400
}

.p_dialog .dialog_alert {
  padding: 10px 0 10px;
  text-align: center
}

.p_dialog .dialog_alert p {
  margin-top: 20px
}

.suggestion {
  position: absolute;
  z-index: 10;
  display: none;
  overflow-y: auto;
  width: 100%;
  max-height: 200px;
  background-color: #fff;
  -webkit-box-shadow: 1px 2px 14px rgba(0,0,0,.11);
  box-shadow: 1px 2px 14px rgba(0,0,0,.11)
}

.suggestion .suggestion-blank,.suggestion li {
  font-size: 14px;
  line-height: 40px;
  overflow: hidden;
  height: 40px;
  padding: 0 17px;
  cursor: pointer;
  text-overflow: ellipsis;
  color: #414a60
}

.suggestion li span {
  float: right;
  color: #16c3b1
}

.suggestion .suggestion-blank a {
  font-size: 12px;
  float: right;
  color: #9fa3b0
}

.suggestion li.hover,.suggestion li:hover {
  background-color: #f2f5fa
}

.suggestion li.active {
  color: #414a60;
  background-color: #f2f5fa
}

.city-selector {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  display: none;
  width: 100%;
  color: #414a60;
  background: #fff
}

.city-selector li {
  font-size: 14px;
  line-height: 38px;
  height: 38px;
  padding: 0 0 0 13px;
  cursor: pointer
}

.city-selector li.active {
  color: #16c3b1
}

.city-selector li.hover,.city-selector li:hover {
  color: #414a60;
  background: #f2f5f9
}

.city-selector-cur li.active {
  background: #f2f5f9
}

.city-selector-province {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  overflow-y: auto;
  width: 120px;
  height: 266px;
  border: 1px solid #e3e7ed
}

.city-selector-citys {
  overflow: hidden;
  overflow-y: auto;
  height: 266px;
  margin-left: 122px;
  text-align: center;
  border: 1px solid #e3e7ed;
  border-left: 0 none
}

.city-selector-citys li {
  padding: 0
}

.suggestion .h {
  text-decoration: none;
  color: #16c3b1
}

.bootstrap-tagsinput {
  display: inline-block;
  width: 469px;
  padding: 5px 12px 5px 7px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #e3e7ed;
  vertical-align: middle
}

.bootstrap-tagsinput.focus {
  box-shadow: 0 1px 3px rgba(93,213,200,.4);
  border-color: #00d7c6
}

.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: 0;
  background-color: transparent;
  padding: 0 5px;
  margin: 0;
  margin-top: -2px;
  width: 130px;
  max-width: inherit;
  line-height: 22px
}

.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none
}

.bootstrap-tagsinput .tag {
  display: inline-block;
  margin-right: 2px;
  background-color: #eef0f5;
  border-radius: 15px;
  height: 20px;
  line-height: 20px;
  padding: 0 12px
}

.bootstrap-tagsinput .tag [data-role=remove] {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin: -2px -6px 0 5px;
  cursor: pointer;
  background: url(https://static.zhipin.com/v2/web/boss/images/icons-form.png) 4px -128px no-repeat
}

.workstartpicker-wrap {
  width: 284px;
  padding: 5px 10px;
  position: absolute;
  background: #fff;
  border: 1px solid #f2f2f2;
  font-size: 12px;
  box-shadow: 0 0 14px rgba(0,0,0,.11);
  display: none
}

.workstartpicker-wrap li {
  width: 55px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  margin: 20px 8px;
  border-radius: 2px;
  cursor: pointer
}

.workstartpicker-wrap .month-wrap {
  display: none
}

.workstartpicker-wrap.month-panel .month-wrap {
  display: block
}

.workstartpicker-wrap.month-panel .year-wrap {
  display: none
}

.workstartpicker-wrap li:hover {
  background-color: #f2f5f9
}

.workstartpicker-wrap .title {
  height: 32px;
  overflow: hidden;
  line-height: 32px;
  font-size: 14px
}

.workstartpicker-wrap .title p {
  text-align: center
}

.workstartpicker-wrap .next,.workstartpicker-wrap .prev {
  display: inline-block;
  width: 40px;
  height: 32px;
  cursor: pointer;
  line-height: 32px;
  background: url(https://www.zhipin.com/v2/web/boss/images/icons-calendar.png) no-repeat
}

.workstartpicker-wrap .prev {
  float: left;
  background-position: 14px 9px
}

.workstartpicker-wrap .next {
  float: right;
  background-position: 16px -41px
}

.workstartpicker-wrap .next:hover,.workstartpicker-wrap .prev:hover {
  background-color: #f2f5f9
}

.workstartpicker-wrap .content {
  height: 210px;
  overflow: hidden
}

.workstartpicker-wrap li.selected {
  color: #fff;
  background-color: #fa6a43
}

.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  direction: ltr;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform,left,top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform,left,top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0,0,0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform,left,top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0,0,0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0,0);
  -ms-transition-property: -ms-transform,left,top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0,0,0);
  -ms-transition-timing-function: ease;
  transition-property: transform,left,top;
  transition-duration: 0s;
  transform: translate3d(0,0,0);
  transition-timing-function: ease;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.swiper-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-slide {
  float: left;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x
}

.fast-login-box {
  top: 112px;
  width: 320px;
  padding: 0;
  border-radius: 2px;
  background: #e8e8e8
}

.fast-login-box:after {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -45px;
  content: '正在加载中';
  background: url(https://z.zhipin.com/web/geek/resource/loading.gif) right center no-repeat;
  background-size: 16px;
  padding-right: 20px;
  line-height: 34px;
  color: #969696;
  white-space: nowrap
}

.fast-login-box:before {
  content: '';
  position: absolute;
  top: -16px;
  right: 107px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #fff;
  z-index: 99
}

.fast-login-box .sign-form {
  display: block;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  height: 34px;
  width: 320px
}

.fast-login-box .code-form-title {
  display: block;
  margin: 13px 0 10px 18px
}

.fast-login-box .code-img img {
  width: 94px;
  height: 36px;
  display: block;
  margin-left: 18px
}

.fast-login-box .code-input input {
  padding: 6px 10px 5px 10px;
  height: 23px;
  border: solid 1px #54cbc4;
  line-height: 23px;
  background: #fff;
  font-size: 12px;
  vertical-align: middle;
  width: 170px
}

.fast-login-box .row-code.nc-container .nc_scale span {
  width: 40px;
  height: 32px;
  line-height: 32px
}

.fast-login-box .row-code.nc-container .nc_scale .scale_text {
  line-height: 34px
}

.fast-login-box .row-code.nc-container .nc_scale {
  height: 34px
}

.fast-login-box .row-code.nc-container .nc_scale {
  display: block
}

.fast-login-box .row-code {
  display: block;
  position: relative;
  z-index: 101;
  margin: 0
}

.fast-login-box .row-code {
  width: 320px
}

.fast-login-box .getcode-btn {
  display: none;
  position: absolute;
  font-size: 12px;
  white-space: nowrap;
  color: #54cbc4;
  top: 0;
  right: 92px;
  padding: 0 10px;
  line-height: 44px;
  height: 44px;
  z-index: 999;
  min-width: auto;
  background: 0 0;
  border: none
}

.fast-login-box .sign-form .row-code img {
  width: 92px!important;
  height: 42px!important
}

.fast-login-box .geetest_wind.geetest_fullpage_click.geetest_float .geetest_fullpage_click_box {
  top: 0!important
}

.search-find-box {
  position: absolute;
  left: 120px;
  top: 58px;
  width: 660px;
  padding: 4px 16px 16px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 4px 16px 0 rgba(0,0,0,.08);
  border-radius: 12px;
  overflow: hidden
}

.search-find-box .search-find-group {
  position: relative;
  margin-top: 8px
}

.search-find-box .search-find-title {
  display: block;
  font-size: 12px;
  color: #757575;
  line-height: 17px;
  padding: 8px 0
}

.search-find-box .search-find-list {
  overflow: hidden;
  margin-left: -6px;
  margin-right: -6px
}

.search-find-box .search-find-item {
  display: none
}

.search-find-box .search-find-item.active {
  display: block
}

.search-find-box .search-find-list a {
  background: #f8f8f8;
  border-radius: 6px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  padding: 2px 8px;
  float: left;
  margin: 4px 6px;
  word-break: break-all;
  transition: all .2s linear
}

.search-find-box .search-find-list a:hover {
  color: #fff;
  background: #00bebd
}

.search-find-box .search-find-list a.has-hot-word {
  display: flex;
  align-items: center
}

.search-find-box .search-find-list a.has-hot-word:after {
  content: ' ';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background: url(https://img.bosszhipin.com/static/file/2023/g6ekwpgj3x1675251964669.png) 0 0/16px auto no-repeat
}

.search-find-box .switch-find-btn {
  position: absolute;
  right: 0;
  top: 8px;
  z-index: 1;
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #00a6a7;
  line-height: 17px;
  transition: all .2s linear
}

.search-find-box .switch-find-btn:before {
  content: ' ';
  display: inline-block;
  margin-right: 4px;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background: url(https://img.bosszhipin.com/static/file/2023/6c9swnmxfg1675251970848.png) 0 0/16px auto no-repeat
}

.search-find-box .switch-find-btn:hover {
  opacity: .8
}

.search-find-box .switch-find-btn.rotate:before {
  animation: search-find-rotate .2s linear
}

@keyframes search-find-rotate {
  0% {
      transform: rotate(0)
  }

  100% {
      transform: rotate(180deg)
  }
}

.position-select-dropdown {
  border-radius: 8px;
  overflow: hidden
}

.position-select-dropdown:after {
  content: ' ';
  position: absolute;
  top: 4px;
  width: 4px;
  right: -4px;
  bottom: 0;
  z-index: 1;
  background: 0 0
}

.position-select-dropdown .position-select-dropdown__inner {
  height: 242px;
  padding: 4px 0;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-y: overlay;
  background: #fff;
  box-shadow: 0 4px 16px 0 rgba(0,0,0,.08)
}

.position-select-dropdown .position-select-dropdown__item:hover .position-select-dropdown__title {
  color: #00a6a7;
  background: #f8f8f8
}

.position-select-dropdown .position-select-dropdown__item:hover .position-select-dropdown__title:after {
  background-position: -6px -8px
}

.position-select-dropdown .position-select-dropdown__title {
  position: relative;
  display: block;
  width: 168px;
  box-sizing: border-box;
  font-size: 14px;
  color: #333;
  height: 36px;
  line-height: 36px;
  padding: 0 24px 0 16px;
  background: #fff;
  cursor: pointer;
  transition: all .2s linear
}

.position-select-dropdown .position-select-dropdown__title:after {
  content: ' ';
  position: absolute;
  right: 16px;
  width: 4px;
  height: 7px;
  top: 14px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.position-select-dropdown .position-select-dropdown__child {
  display: none;
  position: absolute;
  top: 0;
  left: 172px;
  z-index: 1;
  width: 610px;
  padding: 4px 0;
  background: #fff;
  box-shadow: 0 10px 40px 0 rgba(153,153,153,.2);
  border-radius: 12px;
  overflow: hidden
}

.position-select-dropdown .position-select-dropdown__main {
  overflow: auto;
  overflow: overlay;
  height: 234px
}

.position-select-dropdown .position-select-title {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #12141a;
  line-height: 22px;
  padding: 12px 16px 4px 16px
}

.position-select-dropdown .position-select-dropdown__label {
  float: left;
  width: 122px;
  font-size: 13px;
  color: #666;
  line-height: 18px;
  padding-left: 6px;
  word-break: break-all;
  box-sizing: border-box
}

.position-select-dropdown .position-select-dropdown__grandson {
  padding: 12px 0 0 10px
}

.position-select-dropdown .position-select-dropdown__grandson:last-child .position-select-dropdown__list {
  border-bottom: none
}

.position-select-dropdown .position-select-dropdown__list {
  margin-left: -10px;
  margin-right: -10px;
  overflow: hidden;
  border-bottom: 1px solid #f0f3fa
}

.position-select-dropdown .position-select-dropdown__list a {
  float: left;
  margin-bottom: 12px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 13px;
  color: #222;
  line-height: 18px;
  transition: all .2s linear
}

.position-select-dropdown .position-select-dropdown__list a:hover {
  color: #00a6a7
}

.satisfaction-collect-popper {
  position: fixed;
  right: 88px;
  bottom: 40px;
  z-index: 1004;
  width: 550px;
  background: #fff;
  box-shadow: 0 4px 16px 0 rgba(153,153,153,.2);
  border-radius: 12px;
  padding: 20px;
  box-sizing: border-box
}

.satisfaction-collect-popper .satisfaction-collect-close {
  position: absolute;
  z-index: 9;
  width: 24px;
  height: 24px;
  top: 10px;
  right: 10px;
  cursor: pointer
}

.satisfaction-collect-popper .satisfaction-collect-close:after,.satisfaction-collect-popper .satisfaction-collect-close:before {
  content: " ";
  position: absolute;
  width: 16px;
  height: 1px;
  background: #999;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 4px;
  top: 12px;
  transition: all .2s linear
}

.satisfaction-collect-popper .satisfaction-collect-close:after {
  transform: rotate(-45deg)
}

.satisfaction-collect-popper .satisfaction-collect-close:hover:after,.satisfaction-collect-popper .satisfaction-collect-close:hover:before {
  background: #666
}

.satisfaction-collect-popper .satisfaction-collect-title {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  padding-left: 12px;
  margin-bottom: 12px
}

.satisfaction-collect-popper .satisfaction-collect-title:before {
  content: ' ';
  position: absolute;
  top: 3px;
  left: 0;
  z-index: 1;
  width: 4px;
  height: 16px;
  background: #00bebd;
  border-radius: 2px
}

.satisfaction-collect-popper .collect-reason-tip {
  font-size: 12px;
  color: #f53d47;
  line-height: 17px;
  font-weight: 400
}

.satisfaction-collect-popper .satisfaction-collect-extra {
  display: none;
  margin-top: 24px
}

.satisfaction-collect-popper .satisfaction-collect-level {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 12px
}

.satisfaction-collect-popper .satisfaction-collect-level li {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50px;
  font-size: 13px;
  font-weight: 400;
  color: #999;
  line-height: 18px;
  cursor: pointer;
  white-space: nowrap;
  transition: color .2s linear
}

.satisfaction-collect-popper .satisfaction-collect-level li.active,.satisfaction-collect-popper .satisfaction-collect-level li:hover {
  color: #666
}

.satisfaction-collect-popper .satisfaction-collect-level li+li {
  margin-left: 40px
}

.satisfaction-collect-popper .satisfaction-collect-level li:before {
  content: " ";
  display: block;
  width: 50px;
  height: 50px;
  background: url(https://img.bosszhipin.com/static/file/2023/3vf0zpg1ju1675133526258.png) 0 0/50px auto no-repeat
}

.satisfaction-collect-popper .satisfaction-collect-level .level-1.active:before,.satisfaction-collect-popper .satisfaction-collect-level .level-1:hover:before {
  background-position: 0 -250px
}

.satisfaction-collect-popper .satisfaction-collect-level .level-2:before {
  background-position: 0 -50px
}

.satisfaction-collect-popper .satisfaction-collect-level .level-2.active:before,.satisfaction-collect-popper .satisfaction-collect-level .level-2:hover:before {
  background-position: 0 -300px
}

.satisfaction-collect-popper .satisfaction-collect-level .level-3:before {
  background-position: 0 -100px
}

.satisfaction-collect-popper .satisfaction-collect-level .level-3.active:before,.satisfaction-collect-popper .satisfaction-collect-level .level-3:hover:before {
  background-position: 0 -350px
}

.satisfaction-collect-popper .satisfaction-collect-level .level-4:before {
  background-position: 0 -150px
}

.satisfaction-collect-popper .satisfaction-collect-level .level-4.active:before,.satisfaction-collect-popper .satisfaction-collect-level .level-4:hover:before {
  background-position: 0 -400px
}

.satisfaction-collect-popper .satisfaction-collect-level .level-5:before {
  background-position: 0 -200px
}

.satisfaction-collect-popper .satisfaction-collect-level .level-5.active:before,.satisfaction-collect-popper .satisfaction-collect-level .level-5:hover:before {
  background-position: 0 -450px
}

.satisfaction-collect-popper .satisfaction-collect-level li .gif-animate {
  display: none;
  width: 50px;
  height: 50px
}

.satisfaction-collect-popper .satisfaction-collect-level li.has-animate:hover .gif-animate {
  display: block
}

.satisfaction-collect-popper .satisfaction-collect-level li.has-animate:hover:before {
  content: none
}

.satisfaction-collect-popper .satisfaction-collect-reason {
  overflow: hidden;
  margin: 8px
}

.satisfaction-collect-popper .satisfaction-collect-reason li {
  margin: 4px;
  float: left;
  background: #f8f8f8;
  border-radius: 4px;
  font-size: 13px;
  color: #666;
  line-height: 18px;
  padding: 1px 8px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all .2s linear
}

.satisfaction-collect-popper .satisfaction-collect-reason li.active,.satisfaction-collect-popper .satisfaction-collect-reason li:hover {
  color: #00a6a7;
  background: rgba(0,190,189,.1)
}

.satisfaction-collect-popper .satisfaction-collect-reason li.active {
  border: 1px solid #00bebd
}

.satisfaction-collect-popper .satisfaction-collect-textarea {
  display: block;
  width: 486px;
  height: 80px;
  padding: 10px 16px;
  background: #f8f8f8;
  border-radius: 4px;
  font-size: 13px;
  line-height: 20px;
  margin: 0 12px;
  box-sizing: border-box;
  outline: 0;
  resize: none;
  color: #666;
  border: 1px solid transparent;
  transition: all .2s linear
}

.satisfaction-collect-popper .satisfaction-collect-textarea:focus,.satisfaction-collect-popper .satisfaction-collect-textarea:hover {
  border: 1px solid #00bebd
}

.satisfaction-collect-popper .satisfaction-collect-operate {
  display: none;
  text-align: right;
  margin: 16px 12px 0
}

.satisfaction-collect-popper .satisfaction-collect-btn {
  padding: 6px 30px;
  background: #00bebd;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  line-height: 20px;
  transition: all .2s linear
}

.satisfaction-collect-popper .satisfaction-collect-btn:hover {
  background: rgba(0,190,189,.8)
}

.satisfaction-collect-popper .satisfaction-collect-btn.is-disabled {
  opacity: .8;
  cursor: not-allowed
}

.satisfaction-collect-popper .satisfaction-collect-btn.is-disabled:hover {
  background: #00bebd
}

.satisfaction-collect-popper .satisfaction-collect-btn+.satisfaction-collect-btn {
  margin-right: 20px
}

.menu-all:after,.menu-sub li:after,.pop-sign:after {
  content: '';
  display: block;
  overflow: hidden;
  visibility: hidden;
  clear: both
}

.menu-all:after,.menu-sub li:after,.pop-sign:after {
  zoom:1}

.home-sider {
  width: 384px;
  position: absolute;
  left: 0;
  top: 0
}

.job-menu,.school-job-menu {
  background: #fff;
  color: #61687c;
  position: relative;
  z-index: 1002;
  box-shadow: 5px 5px 15px rgba(3,0,0,.04);
  padding-top: 0
}

.promotion-five .job-menu,.promotion-five .school-job-menu,.promotion-four .job-menu,.promotion-four .school-job-menu {
  padding-top: 0
}

.job-menu dl,.school-job-menu dl {
  padding: 0 0;
  zoom:1;height: 42px
}

.promotion-four .job-menu dl,.promotion-four .school-job-menu dl {
  height: 41px
}

.promotion-five .job-menu dl,.promotion-five .school-job-menu dl {
  height: 44px
}

.promotion-six .job-menu dl {
  height: 44px
}

.promotion-seven .job-menu dl {
  height: 44px
}

.job-menu dd b,.school-job-menu dd b {
  float: left;
  font-weight: 600;
  color: #222;
  font-size: 15px
}

.job-menu dt,.school-job-menu dt {
  font-size: 18px;
  padding: 0 32px;
  line-height: 32px;
  padding-top: 8px
}

.job-menu dt .icon-arrow-right,.school-job-menu dt .icon-arrow-right {
  float: right;
  background-position: 3px 0;
  margin-top: 5px;
  width: 12px
}

.job-menu dd .icon-arrow-right,.school-job-menu dd .icon-arrow-right {
  float: right;
  background-position: -25px 0;
  margin-top: 5px;
  width: 12px
}

.job-menu dl.cur .icon-arrow-right,.school-job-menu dl.cur .icon-arrow-right {
  background-position: -25px -31px
}

.job-menu dd,.school-job-menu dd {
  padding: 8px 20px 9px;
  height: 26px;
  overflow: hidden
}

.promotion-four .job-menu dd,.promotion-four .school-job-menu dd {
  padding: 7px 20px
}

.job-menu a,.school-job-menu a {
  color: #666;
  font-size: 13px;
  display: inline-block;
  line-height: 28px;
  margin-left: 16px
}

.job-menu i,.school-job-menu i {
  font-style: normal;
  font-size: 16px;
  position: relative;
  top: 2px
}

.job-menu a:hover,.school-job-menu a:hover {
  color: #61687c
}

.job-menu dl.cur,.school-job-menu dl.cur {
  background: #00bebd;
  border-color: #d1d4db;
  border-right-color: #fff;
  position: relative;
  width: 100%;
  z-index: 10
}

.job-menu dl.cur dd a,.school-job-menu dl.cur dd a {
  color: #fff;
  -webkit-transition: none;
  transition: none
}

.job-menu dl.cur dd>b,.school-job-menu dl.cur dd>b {
  color: #fff
}

.job-menu dl.cur dd i,.school-job-menu dl.cur dd i {
  color: #fff
}

.job-menu dl.cur dt {
  color: #18c3b1
}

.job-menu .menu-line {
  display: none
}

.job-menu dl.cur dt .icon-arrow-right {
  margin-right: 1px;
  background-position: 6px -28px
}

.job-menu dl.cur .menu-line {
  display: block;
  position: absolute;
  height: 100%;
  background: #00bebd;
  width: 5px;
  top: 0;
  right: 0;
  z-index: 11
}

.job-menu .all-box {
  display: none
}

.job-menu .show-all {
  border-top: dashed 1px #ecedef;
  color: #00a6a7;
  height: 45px;
  padding: 0 20px;
  line-height: 45px
}

.promotion-four .job-menu .show-all {
  margin-top: 0;
  line-height: 43px;
  height: 43px
}

.promotion-five .job-menu .show-all {
  margin-top: 0;
  line-height: 39px;
  height: 39px
}

.promotion-six .job-menu .show-all {
  margin-top: 20px
}

.promotion-seven .job-menu .show-all {
  margin-top: 2px
}

.menu-sub {
  display: none;
  position: absolute;
  background: #fff;
  padding: 20px 30px 20px 10px;
  width: 648px;
  top: 0;
  margin-top: -10px;
  left: 100%;
  z-index: 1;
  box-shadow: 0 1px 6px rgba(6,0,1,.1)
}

.job-menu dl.cur .menu-sub {
  display: block
}

.menu-sub li+li {
  padding-top: 10px
}

.menu-sub .menu-article {
  padding-left: 20px;
  height: 30px;
  font-size: 15px;
  font-weight: 700;
  color: #222
}

.menu-sub h4 {
  float: left;
  width: 104px;
  color: #666;
  font-size: 13px;
  padding-top: 2px;
  font-weight: 400;
  padding-left: 20px
}

.menu-sub h4 .icon-arrow-right {
  position: relative;
  top: 2px
}

.menu-sub .text {
  margin-left: 130px;
  border-bottom: solid 1px #f5f6f9;
  padding: 0 0 10px 1px
}

.menu-sub ul li:last-of-type .text {
  border: none
}

.menu-sub .text a {
  margin-left: 0;
  margin-right: 25px;
  color: #222
}

.menu-sub .text a.cur,.menu-sub .text a:hover {
  color: #18c3b1
}

.menu-all {
  padding: 0;
  width: 829px
}

.menu-all .sub-tab {
  width: 212px;
  float: left;
  background: #fdfdfe;
  border-right: 1px #d1d4db solid
}

.menu-all .sub-tab li {
  height: 104px;
  line-height: 104px;
  border-top: 1px #fdfdfe solid;
  border-bottom: 1px #fdfdfe solid;
  font-size: 18px;
  padding-top: 0;
  padding-left: 42px;
  cursor: pointer
}

.menu-all .sub-tab li.cur {
  border-top-color: #d1d4db;
  border-bottom-color: #d1d4db;
  background: #fff;
  color: #18c3b1;
  position: relative;
  padding-right: 1px;
  margin-right: -1px
}

.menu-all .sub-content {
  margin-left: 212px;
  width: 616px;
  overflow: auto
}

.menu-all .sub-content ul {
  overflow: hidden;
  display: none;
  padding-top: 20px
}

.menu-all .sub-content ul.show {
  display: block
}

.menu-all .sub-content li h4 {
  float: none;
  padding-top: 0;
  width: auto;
  text-align: left;
  margin-left: 15px
}

.menu-all .sub-content li {
  padding: 0 45px 10px
}

.menu-all .sub-content li .text {
  margin-left: 0;
  margin-top: 0
}

.search-box .select-tree li {
  background: 0 0
}

.home-sider .promotion-img img {
  width: 300px
}

.home-main {
  margin-left: 400px;
  min-width: 697px
}

.promotion-four .home-main {
  height: 582px
}

.home-main .search-box {
  margin-top: 0;
  padding-top: 20px
}

.home-main .search-box .btn-search {
  font-size: 0;
  width: 90px;
  padding: 0;
  min-width: 0
}

.home-main .search-box {
  width: 708px
}

.home-main .search-form .ipt-wrap {
  width: 324px
}

.home-main .search-form .ipt-search {
  width: 265px
}

.home-main .search-form .position-box {
  left: 419px
}

.home-main .search-form .search-form-con {
  float: left;
  width: 618px
}

.home-main .city-sel,.home-main .industry-sel,.home-main .position-sel,.home-main .search-form .ipt-wrap {
  border-color: #fff
}

.home-main .suggest-result {
  width: 523px
}

.search-hot {
  font-size: 13px;
  color: #9fa3b0;
  padding: 16px 0
}

.search-hot b {
  font-weight: 400;
  display: inline-block;
  margin-right: 5px
}

.search-hot a {
  display: inline-block;
  margin-right: 22px;
  color: #9fa3b0
}

.search-hot a:hover {
  color: #18c3b1
}

.slider-box {
  position: relative;
  overflow: hidden
}

.slider-main {
  overflow: hidden;
  width: 840px;
  height: 240px;
  position: relative;
  top: 0;
  left: 0
}

.slider-main li {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 240px;
  font-size: 0;
  line-height: 0;
  width: 100%
}

.slider-main li img {
  width: 100%;
  height: 100%
}

.slider-main li.cur {
  display: block
}

.slider-dot {
  position: absolute;
  right: 20px;
  top: 218px
}

.slider-dot i {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 7px;
  background: #fff;
  opacity: .2;
  cursor: pointer
}

.slider-dot i.cur {
  opacity: 1
}

.home-main .slider-dot {
  right: 18px;
  top: 44%
}

.home-main .slider-dot i {
  display: block;
  margin-left: 0;
  margin-bottom: 7px
}

.slider-nav {
  white-space: nowrap;
  font-size: 0
}

.slider-nav a {
  display: inline-block;
  width: 199px;
  height: 75px;
  padding: 20px 40px 0;
  background: #fff;
  border-right: 1px #f5f5f6 solid;
  border-bottom: 2px #fff solid
}

.slider-nav a.cur {
  border-bottom-color: #5acbc3
}

.slider-nav a b {
  font-size: 16px;
  font-weight: 400;
  color: #414a60
}

.slider-nav a span {
  display: block;
  font-size: 14px;
  color: #61687c
}

.slider-box .pic {
  width: 840px;
  height: 98px;
  margin: 20px auto 0;
  overflow: hidden
}

.slider-box .pic-all {
  width: 860px;
  overflow: hidden
}

.slider-box .pic a {
  width: 98px;
  height: 98px;
  float: left;
  margin-right: 10px;
  background: #fff;
  overflow: hidden;
  -webkit-transition: none;
  transition: none
}

.slider-box .pic a:hover .tit {
  color: #18c3b1
}

.slider-box .pic img {
  width: 98px;
  height: 98px;
  float: left
}

.slider-box .txt {
  margin-left: 98px;
  height: 98px;
  background: #fff
}

.slider-box .txt p {
  line-height: 60px
}

.slider-box .txt .tit {
  font-size: 18px;
  color: #414a60;
  margin-left: 18px;
  white-space: nowrap;
  overflow: hidden
}

.slider-box .txt .des {
  font-size: 14px;
  color: #61687c;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 18px
}

.promotion-main {
  font-size: 0;
  line-height: 0;
  height: 340px;
  position: relative
}

.promotion-four .promotion-main {
  height: 454px
}

.promotion-five .promotion-main {
  height: 568px
}

.promotion-six .promotion-main {
  height: 684px
}

.promotion-seven .promotion-main {
  height: 798px
}

.promotion-main img {
  display: block
}

.promotion-main ul {
  width: 842px;
  height: 352px;
  overflow: hidden
}

.promotion-main li {
  float: left;
  vertical-align: top;
  margin: 0 2px 2px 0
}

.promotion-main table {
  width: 100%!important;
  table-layout: fixed
}

.promotion-main tr {
  min-height: 114px
}

.promotion-main td {
  padding-right: 2px;
  padding-bottom: 2px;
  width: auto;
  vertical-align: top
}

.promotion-main td img {
  display: block;
  width: 100%!important;
  height: auto
}

.promotion-main td a {
  display: block;
  width: 100%!important
}

.promotion-main td a:hover {
  background-color: #000
}

.promotion-main td a:hover img {
  opacity: .9
}

.home-box .job-list {
  margin-right: 0;
  margin-top: 20px;
  margin-bottom: 15px
}

.home-box .job-list li .company-logo {
  height: 60px;
  color: #61687c;
  font-size: 18px;
  width: auto;
  line-height: 80px
}

.home-box .job-list .info-primary p {
  margin-top: 12px
}

.home-box .job-list li .info-primary .saraly {
  font-size: 18px;
  margin-top: 14px
}

.home-box .job-list .company-text {
  padding-top: 3px
}

.link-all {
  color: #fff;
  font-size: 16px;
  text-align: center
}

.link-all a {
  display: block;
  height: 50px;
  line-height: 50px;
  background: #d3d5db;
  color: #fff
}

.link-all a:hover {
  background: #a8acb7
}

.hotjob {
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  color: #9fa3b0;
  background-color: #f2f2f5;
  padding-left: 28px
}

.hotjob a {
  color: #9fa3b0;
  padding-right: 38px
}

.hotjob a:last-child {
  padding-right: 0
}

#main .banner {
  width: 100%;
  height: 354px;
  background-color: green;
  margin-bottom: 18px
}

#main .position-slide {
  width: 300px;
  background-color: #f8f9fb;
  float: left
}

.position-slide .position-list {
  width: 300px;
  padding: 26px 30px;
  height: 104px;
  box-sizing: border-box
}

.position-list .category {
  position: relative
}

.position-list .category a {
  font-size: 18px;
  color: #61687c
}

.position-list .category a:hover {
  color: #55cbc4;
  text-decoration: none;
  -webkit-transition: all linear .2s;
  transition: all linear .2s
}

.position-list .category .icon {
  width: 9px;
  height: 16px;
  background: url(../images/icons.png) 0 0 no-repeat;
  position: absolute;
  right: 0
}

.position-list .category-hot {
  width: 100%;
  overflow: hidden;
  height: 24px
}

.position-list .category-hot a {
  font-size: 14px;
  line-height: 24px;
  margin-right: 24px
}

.position-list .category-hot a:last-child {
  margin: 0
}

#main .home-list {
  margin: 0;
  margin-left: 330px;
  background: #fff
}

.position-card li {
  width: 756px;
  height: 124px;
  margin: 0 44px;
  padding-top: 25px;
  border-bottom: 2px solid #f8fafc
}

.position-card li p {
  margin-top: 0
}

.position-card .company-text p {
  margin-top: 20px
}

.footer-scan {
  position: fixed;
  width: 100%;
  height: 92px;
  bottom: 0;
  left: 0;
  background: #38c7b7 url(../images/footer-scan-bg.png) 0 bottom repeat-x;
  z-index: 22
}

.footer-scan .inner {
  width: auto
}

.footer-scan .btns {
  float: right;
  padding-top: 25px
}

.footer-scan .btns span {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  margin-right: 20px
}

.footer-scan .btn-signup {
  background: #fff;
  color: #54cbc4;
  width: 118px
}

.footer-scan .footer-scan-close {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 35px;
  right: 45px;
  background: url(../images/footer-scan-close.png) center center no-repeat;
  cursor: pointer
}

.qrcode-scan {
  position: relative;
  width: 360px
}

.qrcode-scan-img {
  width: 100px;
  height: 100px;
  position: absolute;
  padding: 11px 8px;
  top: -45px;
  background: #38c7b7 url(../images/footer-scan-bg.png) 0 top repeat-x
}

.qrcode-scan img {
  width: 100px;
  height: 100px
}

.qrcode-scan h4 {
  padding-left: 135px;
  font-size: 19px;
  font-weight: 400;
  color: #fff;
  padding-top: 20px
}

.qrcode-scan h4 a {
  color: #fff
}

.qrcode-scan p {
  padding-left: 135px;
  font-size: 12px;
  color: #fff
}

#pop-hide-container {
  display: none
}

.pop-feedback .dialog-footer .btns .btn-outline:hover {
  height: 30px;
  line-height: 30px
}

.pop-feedback input::-webkit-input-placeholder,.pop-feedback textarea::-webkit-input-placeholder {
  color: #d1d4db
}

.pop-feedback input:-ms-input-placeholder,.pop-feedback textarea::-webkit-input-placeholder {
  color: #d1d4db
}

.pop-feedback input:-moz-placeholder,.pop-feedback textarea::-webkit-input-placeholder {
  color: #d1d4db
}

.pop-feedback input::-moz-placeholder,.pop-feedback textarea::-webkit-input-placeholder {
  color: #d1d4db
}

.home-body {
  background: #f6f6f8
}

.home-site .common-tab-box {
  clear: both;
  margin-top: 30px;
  overflow: hidden
}

.home-site .common-tab-box h3 {
  height: 45px;
  position: relative
}

.home-site .common-tab-box h3 span {
  float: left;
  display: inline-block;
  margin-right: 40px;
  line-height: 45px;
  color: #8d92a1;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400
}

.home-site .common-tab-box h3 span.cur {
  color: #00c2b3
}

.home-site .common-tab-box ul {
  font-weight: 400;
  display: none;
  width: 110%;
  overflow: hidden
}

.home-site .common-tab-box ul.cur {
  display: block
}

.home-site .common-tab-box .v-line {
  margin: 0 11px;
  border-color: #efeff1
}

.home-site .common-tab-more {
  text-align: center;
  margin-top: 4px
}

.home-site .common-tab-more .btn {
  width: 382px;
  font-size: 15px;
  height: 32px;
  line-height: 32px;
  background: #f6f6f8
}

.home-site .common-tab-more .btn-outline:hover {
  background: #5dd5c8
}

.home-site .job-tab-box {
  width: 100%;
  overflow: hidden
}

.home-site .job-tab-box ul {
  overflow: hidden
}

.home-site .job-tab-box ul li {
  height: 130px;
  width: 384px;
  float: left;
  margin: 0 16px 16px 0;
  background: #fff
}

.home-site .job-tab-box li .sub-li {
  display: block;
  height: 130px;
  width: 384px
}

.home-site .job-tab-box li .sub-li:hover {
  box-shadow: 5px 5px 20px rgba(0,0,0,.05);
  position: absolute;
  z-index: 10
}

.home-site .job-tab-box li a {
  display: block
}

.home-site .job-tab-box li a.user-info:hover {
  background: #fafafa
}

.home-site .job-tab-box li a.job-info:hover p {
  color: #00d7c6
}

.home-site .job-tab-box li a.job-info {
  height: 71px;
  padding-top: 10px
}

.home-site .job-tab-box li p {
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  color: #61687c;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative
}

.home-site .job-tab-box li a.job-info .title-text {
  margin-left: 20px;
  max-width: 174px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle
}

.home-site .job-tab-box li a.job-info .title-text.no-medium {
  max-width: 234px
}

.home-site .job-tab-box li a.job-info .job-medium-icon {
  width: 46px;
  height: 16px;
  vertical-align: middle;
  margin-left: 10px
}

.home-site .job-tab-box li .salary {
  color: #fc6c38;
  position: absolute;
  right: 20px;
  top: 0
}

.home-site .job-tab-box li a.job-info p.job-text {
  font-size: 12px;
  color: #61687c;
  border-bottom: dashed 1px #e3e7ed;
  width: 344px;
  padding-right: 0;
  line-height: 28px
}

.home-site .job-tab-box a.user-info {
  padding: 7px 0
}

.home-site .job-tab-box .user-info p {
  font-size: 14px;
  width: 344px;
  padding-right: 0
}

.home-site .job-tab-box .user-info img {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  border-radius: 50%;
  margin-right: 15px
}

.home-site .job-tab-box .user-info .user-text {
  margin-left: 10px;
  font-size: 12px;
  color: #8d92a1
}

.footer-hot-city-guide .pos-bread {
  margin: auto;
  width: 1184px;
  padding-top: 4px;
  padding-bottom: 10px
}

.home-site .company-tab-box ul li {
  height: 140px;
  width: 284px;
  float: left;
  margin: 0 16px 16px 0;
  background: #fff
}

.home-site .company-tab-box li a {
  color: #414a60;
  display: block
}

.home-site .company-tab-box li .sub-li {
  display: block;
  height: 140px;
  width: 284px
}

.home-site .company-tab-box li .sub-li:hover {
  box-shadow: 5px 5px 20px rgba(0,0,0,.05);
  position: absolute;
  z-index: 10
}

.home-site .company-tab-box li .company-info {
  height: 77px;
  margin: 0 20px;
  padding-top: 20px;
  border-bottom: dashed 1px #ededed
}

.home-site .company-tab-box li .company-info:hover {
  color: #00d7c6
}

.home-site .company-tab-box li .company-info img {
  height: 55px;
  width: 55px;
  float: left;
  border-radius: 10px;
  border: solid 1px #f2f5fa
}

.home-site .company-tab-box li .conpany-text {
  margin-left: 65px;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis
}

.home-site .company-tab-box li .conpany-text p .industry {
  max-width: 59px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  height: 12px;
  line-height: 12px;
  position: relative;
  top: 3px
}

.home-site .company-tab-box li .conpany-text h4 {
  height: 25px;
  line-height: 25px;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.home-site .company-tab-box li .conpany-text h4 a:hover {
  color: #61687c
}

.home-site .company-tab-box li .conpany-text p {
  height: 40px;
  line-height: 41px;
  color: #898e9d;
  font-size: 12px;
  display: inline-block;
  white-space: nowrap
}

@media screen and (min-width: 0\0) {
  .home-site .company-tab-box li .conpany-text p {
      overflow:hidden;
      text-overflow: ellipsis;
      display: block
  }
}

@-moz-document url-prefix() {
  .home-site .company-tab-box li .conpany-text {
      margin-left: 65px;
      text-align: right;
      overflow: auto;
      text-overflow: unset
  }

  .home-site .company-tab-box li .conpany-text p {
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%
  }
}

.home-site .company-tab-box li .about-info {
  color: #8d92a1;
  height: 42px;
  line-height: 42px;
  font-size: 12px
}

.home-site .company-tab-box li .about-info p {
  width: 240px;
  margin: 0 auto
}

.home-site .company-tab-box li .about-info:hover {
  background: #fafafa
}

.home-site .company-tab-box li .pull-right {
  text-align: right;
  float: right
}

.city-site .merge-city-job {
  width: 100%;
  overflow: hidden
}

.city-site .merge-city-job ul {
  overflow: hidden
}

.city-site .merge-city-job ul li {
  height: 130px;
  width: 384px;
  float: left;
  margin: 0 16px 16px 0;
  background: #fff
}

.city-site .merge-city-job li .sub-li {
  display: block;
  height: 130px;
  width: 384px;
  font-size: 0;
  padding: 16px 20px;
  box-sizing: border-box
}

.city-site .merge-city-job li .sub-li:hover {
  box-shadow: 5px 5px 20px rgba(0,0,0,.05);
  position: absolute;
  z-index: 10
}

.city-site .merge-city-job li a {
  display: inline-block
}

.city-site .merge-city-job li a.user-info:hover {
  background: #fafafa
}

.city-site .merge-city-job li a.job-info {
  padding-top: 17px;
  vertical-align: middle
}

.city-site .merge-city-job li p {
  line-height: 35px;
  font-size: 16px;
  color: #61687c;
  position: relative
}

.city-site .merge-city-job li .name .name-text {
  max-width: 192px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle
}

.city-site .merge-city-job li .name .name-text.no-medium {
  max-width: 240px
}

.city-site .merge-city-job li .name .job-medium-icon {
  height: 16px;
  vertical-align: middle;
  margin-left: 10px;
  position: relative;
  top: -1px
}

.city-site .merge-city-job li .salary {
  color: #fc6c38;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.city-site .merge-city-job li a.job-info p.job-text {
  font-size: 13px;
  color: #8d92a1;
  padding-right: 0;
  line-height: 28px;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.city-site .merge-city-job a.user-info {
  vertical-align: middle;
  margin-right: 20px;
  margin-left: 30px
}

.city-site .merge-city-job .user-info p {
  font-size: 14px;
  width: auto;
  padding-right: 0;
  border: 1px solid #f3f5fb;
  border-radius: 4px;
  line-height: normal
}

.city-site .merge-city-job .user-info img {
  width: 58px;
  height: 58px;
  vertical-align: middle
}

.city-site .merge-city-job .user-info .user-text {
  margin-left: 10px;
  font-size: 12px;
  color: #8d92a1
}

.city-site .merge-city-company ul li {
  height: 238px;
  width: 284px;
  float: left;
  margin: 0 16px 16px 0;
  background: #fff;
  position: relative
}

.city-site .merge-city-company li a {
  color: #414a60;
  display: block
}

.city-site .merge-city-company li .sub-li {
  display: block;
  height: 140px;
  width: 100%;
  height: 100%
}

.city-site .merge-city-company li .sub-li:hover {
  box-shadow: 5px 5px 20px rgba(0,0,0,.05);
  position: absolute;
  z-index: 10
}

.city-site .merge-city-company li .company-info {
  margin: 0 20px 10px;
  padding-top: 30px
}

.city-site .merge-city-company li .company-info:hover {
  color: #00d7c6
}

.city-site .merge-city-company li .company-info .img-box {
  text-align: center;
  margin-bottom: 14px
}

.city-site .merge-city-company li .company-info img {
  height: 58px;
  width: 58px;
  vertical-align: middle;
  border: 1px solid #f3f5fb;
  border-radius: 9px
}

.city-site .merge-city-company li .conpany-text {
  margin-bottom: 11px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis
}

.city-site .merge-city-company li .conpany-text p .industry {
  max-width: 59px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  height: 12px;
  line-height: 12px;
  position: relative;
  top: 3px
}

.city-site .merge-city-company li .conpany-text h4 {
  margin-bottom: 10px;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.city-site .merge-city-company li .conpany-text h4 a:hover {
  color: #61687c
}

.city-site .merge-city-company li .conpany-text p {
  height: 18px;
  line-height: 18px;
  color: #898e9d;
  font-size: 12px;
  display: inline-block;
  white-space: nowrap
}

@media screen and (min-width: 0\0) {
  .city-site .merge-city-company li .conpany-text p {
      overflow:hidden;
      text-overflow: ellipsis;
      display: block
  }
}

@-moz-document url-prefix() {
  .city-site .merge-city-company li .conpany-text {
      overflow: auto;
      text-overflow: unset
  }

  .city-site .merge-city-company li .conpany-text p {
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%
  }
}

.city-site .merge-city-company li .about-info {
  width: 180px;
  height: 34px;
  color: #61687c;
  line-height: 34px;
  font-size: 12px;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #e3e7ed
}

.city-site .merge-city-company li .about-info:hover {
  border-color: #5dd5c8
}

.city-site .merge-city-company li .pull-right {
  text-align: right;
  float: right
}

.city-site.home-site .common-tab-box h3 span {
  margin-right: 74px
}

.hot-company-box ul li {
  height: 386px;
  width: 384px;
  float: left;
  margin: 0 16px 16px 0;
  padding: 20px 0;
  background: #fff
}

.hot-company-box ul li .company-info-top {
  display: block;
  margin-bottom: 10px;
  height: 46px;
  padding: 0 20px;
  overflow: hidden
}

.hot-company-box ul li .company-info-top:hover h3 {
  color: #00d7c6
}

.hot-company-box ul li .company-info-top h3 {
  height: 22px;
  font-size: 16px;
  font-weight: 400;
  color: #414a60;
  line-height: 22px;
  margin: 0 0 7px 0;
  padding: 0;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.hot-company-box ul li .company-info-top p {
  height: 17px;
  font-size: 12px;
  font-weight: 400;
  color: #8d92a1;
  line-height: 17px
}

.hot-company-box ul li .company-info-top .company-info {
  float: left;
  margin-left: 16px;
  width: 282px
}

.hot-company-box ul li .company-info-top .company-img {
  height: 46px;
  width: 46px;
  line-height: 46px;
  text-align: center;
  overflow: hidden;
  float: left
}

.hot-company-box ul li .company-info-top .company-img img {
  max-width: 100%;
  min-height: 100%;
  vertical-align: middle
}

.hot-company-box li .company-job-list {
  padding: 0 20px
}

.hot-company-box li .company-job-item {
  display: block;
  height: 98px;
  width: 344px;
  font-size: 0;
  padding: 16px 0;
  box-sizing: border-box;
  margin: 0
}

.hot-company-box li .company-job-item .job-info-top {
  display: flex;
  width: 100%;
  align-items: center;
  margin-bottom: 12px
}

.hot-company-box li .company-job-item+.company-job-item {
  border-top: 1px solid #eef0f5
}

.hot-company-box li .company-job-item .job-info {
  display: block;
  padding: 0;
  width: 100%
}

.hot-company-box li .company-job-item .job-info:hover .name {
  color: #00c2b3
}

.hot-company-box li .company-job-item .guide-app-download-icon {
  display: inline-flex;
  width: 15px;
  height: 13px;
  background: url(../images/guide-add-download-icon.png) no-repeat;
  background-size: 100% 100%
}

.hot-company-box li .company-job-item .guide-app-download-icon:hover {
  background: url(../images/guide-add-download-icon-hover.png) no-repeat;
  background-size: 100% 100%
}

.hot-company-box li .company-job-item .job-info .name {
  position: relative;
  max-width: 200px;
  font-size: 15px;
  color: #414a60;
  margin-right: 8px;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all linear .2s
}

.hot-company-box li .company-job-item .job-info .name .job-medium-icon {
  height: 16px;
  vertical-align: middle;
  margin-left: 10px;
  position: relative;
  top: -1px
}

.hot-company-box li .company-job-item .job-info .salary {
  font-size: 15px;
  color: #fd7240;
  line-height: normal;
  flex: 1;
  text-align: right;
  max-width: none
}

.hot-company-box li .company-job-item .job-text {
  font-size: 13px;
  color: #8d92a1;
  padding-right: 0;
  line-height: 28px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.hot-company-box li .company-job-item .job-text span {
  display: inline-block;
  height: 17px;
  font-size: 12px;
  font-weight: 400;
  color: #8d92a1;
  line-height: 17px;
  padding: 4px 10px;
  border-radius: 3px;
  background-color: #f8f9fc
}

.hot-company-box li .company-job-item .job-text span+span {
  margin-left: 10px
}

.hot-company-box ul li .company-job-list {
  display: block
}

.hot-company-box ul li .more-job-btn {
  display: block;
  margin: 0 auto;
  width: 180px;
  height: 34px;
  text-align: center;
  border: 1px solid #5dd5c8;
  line-height: 32px;
  font-size: 14px;
  font-weight: 400;
  color: #00c2b3;
  transition: all linear .2s
}

.hot-company-box ul li .more-job-btn:hover {
  color: #fff;
  background-color: #00c2b3;
  border-color: #00c2b3
}

.city-site .common-tab-box {
  clear: both;
  margin-top: 37px;
  overflow: hidden
}

.city-site .common-tab-box .box-title {
  font-size: 24px;
  text-align: center;
  position: relative;
  margin-bottom: 24px
}

.city-site .common-tab-box .box-title::after,.city-site .common-tab-box .box-title::before {
  content: '';
  display: inline-block;
  vertical-align: 8px;
  margin: 0 10px;
  width: 50px;
  height: 1px;
  background: #d1d4db
}

.city-site .common-tab-box h3 {
  height: 50px;
  position: relative;
  padding-left: 20px;
  background: #fff;
  margin-bottom: 10px;
  margin-right: -77px
}

.city-site .common-tab-box h3 span {
  position: relative;
  display: inline-block;
  margin-right: 77px;
  line-height: 50px;
  color: #8d92a1;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400
}

.city-site .common-tab-box h3 span .hot-icon {
  width: 30px;
  height: 14px;
  box-sizing: border-box;
  position: absolute;
  top: 12px;
  right: -28px;
  line-height: 13px;
  background-color: #ef505e;
  color: #fff;
  font-size: 12px;
  border-radius: 7px;
  font-style: normal;
  font-weight: 400;
  text-align: center
}

.city-site .common-tab-box h3 span::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px
}

.city-site .common-tab-box h3 span.cur {
  color: #00c2b3;
  font-weight: 600
}

.city-site .common-tab-box h3 span.cur::after {
  background-color: #00c2b3;
  bottom: 0;
  left: 0
}

.city-site .common-tab-box ul {
  font-weight: 400;
  display: none;
  width: 110%;
  overflow: hidden
}

.city-site .common-tab-box ul.cur {
  display: block
}

.city-site .common-tab-box .v-line {
  margin: 0 11px;
  border-color: #efeff1
}

.city-site .common-tab-box .sub-li:hover .job-info .name {
  color: #00c2b3
}

.city-site .common-tab-more {
  text-align: center;
  margin-top: 4px
}

.city-site .common-tab-more .btn {
  width: 216px;
  font-size: 15px;
  height: 32px;
  line-height: 32px;
  background: #5dd5c8;
  color: #fff
}

.city-site .common-tab-more .btn-outline:hover {
  background: #00c2b3;
  border-color: #00c2b3
}

.city-site .job-tab-box {
  width: 100%;
  overflow: hidden
}

.city-site .job-tab-box ul {
  overflow: hidden
}

.city-site .job-tab-box ul li {
  height: 130px;
  width: 384px;
  float: left;
  margin: 0 16px 16px 0;
  background: #fff
}

.city-site .job-tab-box li .sub-li {
  display: block;
  height: 130px;
  width: 384px;
  font-size: 0
}

.city-site .job-tab-box li .sub-li:hover {
  box-shadow: 5px 5px 20px rgba(0,0,0,.05);
  position: absolute;
  z-index: 10
}

.city-site .job-tab-box li a {
  display: inline-block
}

.city-site .job-tab-box li a.user-info:hover {
  background: #fafafa
}

.city-site .job-tab-box li a.job-info {
  padding-top: 17px;
  vertical-align: middle
}

.city-site .job-tab-box li p {
  line-height: 35px;
  font-size: 16px;
  color: #61687c;
  position: relative
}

.city-site .job-tab-box li .name .name-text {
  max-width: 192px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle
}

.city-site .job-tab-box li .name .name-text.no-medium {
  max-width: 240px
}

.city-site .job-tab-box li .name .job-medium-icon {
  width: 46px;
  height: 16px;
  vertical-align: middle;
  margin-left: 10px
}

.city-site .job-tab-box li .salary {
  color: #fc6c38;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.city-site .job-tab-box li a.job-info p.job-text {
  font-size: 14px;
  color: #61687c;
  padding-right: 0;
  line-height: 28px;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.city-site .job-tab-box a.user-info {
  vertical-align: middle;
  margin-right: 20px;
  margin-left: 30px
}

.city-site .job-tab-box .user-info p {
  font-size: 14px;
  width: auto;
  padding-right: 0;
  border: 1px solid #f3f5fb;
  border-radius: 4px
}

.city-site .job-tab-box .user-info img {
  width: 58px;
  height: 58px;
  vertical-align: middle
}

.city-site .job-tab-box .user-info .user-text {
  margin-left: 10px;
  font-size: 12px;
  color: #8d92a1
}

.city-site .company-tab-box ul li {
  height: 238px;
  width: 284px;
  float: left;
  margin: 0 16px 16px 0;
  background: #fff;
  position: relative
}

.city-site .company-tab-box li a {
  color: #414a60;
  display: block
}

.city-site .company-tab-box li .sub-li {
  display: block;
  height: 140px;
  width: 100%;
  height: 100%
}

.city-site .company-tab-box li .sub-li:hover {
  box-shadow: 5px 5px 20px rgba(0,0,0,.05);
  position: absolute;
  z-index: 10
}

.city-site .company-tab-box li .company-info {
  margin: 0 20px 10px;
  padding-top: 30px
}

.city-site .company-tab-box li .company-info:hover {
  color: #00d7c6
}

.city-site .company-tab-box li .company-info .img-box {
  text-align: center;
  margin-bottom: 14px
}

.city-site .company-tab-box li .company-info img {
  height: 58px;
  width: 58px;
  vertical-align: middle;
  border: 1px solid #f3f5fb;
  border-radius: 9px
}

.city-site .company-tab-box li .conpany-text {
  margin-bottom: 11px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis
}

.city-site .company-tab-box li .conpany-text p .industry {
  max-width: 59px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  height: 12px;
  line-height: 12px;
  position: relative;
  top: 3px
}

.city-site .company-tab-box li .conpany-text h4 {
  margin-bottom: 10px;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.city-site .company-tab-box li .conpany-text h4 a:hover {
  color: #61687c
}

.city-site .company-tab-box li .conpany-text p {
  height: 18px;
  line-height: 18px;
  color: #898e9d;
  font-size: 12px;
  display: inline-block;
  white-space: nowrap
}

@media screen and (min-width: 0\0) {
  .city-site .company-tab-box li .conpany-text p {
      overflow:hidden;
      text-overflow: ellipsis;
      display: block
  }
}

@-moz-document url-prefix() {
  .city-site .company-tab-box li .conpany-text {
      overflow: auto;
      text-overflow: unset
  }

  .city-site .company-tab-box li .conpany-text p {
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%
  }
}

.city-site .company-tab-box li .about-info {
  width: 180px;
  height: 34px;
  color: #61687c;
  line-height: 34px;
  font-size: 12px;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #e3e7ed
}

.city-site .company-tab-box li .about-info:hover {
  border-color: #5dd5c8
}

.city-site .company-tab-box li .pull-right {
  text-align: right;
  float: right
}

.city-site .merge-city-job-recommend {
  width: 100%;
  overflow: hidden;
  display: none
}

.city-site .merge-city-job-recommend ul {
  overflow: hidden
}

.city-site .merge-city-job-recommend ul li {
  height: 130px;
  width: 384px;
  float: left;
  margin: 0 16px 16px 0;
  background: #fff
}

.city-site .merge-city-job-recommend li .sub-li {
  display: block;
  height: 130px;
  width: 384px;
  font-size: 0;
  padding: 16px 20px;
  box-sizing: border-box
}

.city-site .merge-city-job-recommend li .sub-li:hover {
  box-shadow: 5px 5px 20px rgba(0,0,0,.05);
  position: absolute;
  z-index: 10
}

.city-site .merge-city-job-recommend li a {
  display: inline-block
}

.city-site .merge-city-job-recommend li a.user-info:hover {
  background: #fafafa
}

.city-site .merge-city-job-recommend li a.job-info {
  padding-top: 17px;
  vertical-align: middle
}

.city-site .merge-city-job-recommend li p {
  line-height: 35px;
  font-size: 16px;
  color: #61687c;
  position: relative
}

.city-site .merge-city-job-recommend li .name .name-text {
  max-width: 192px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle
}

.city-site .merge-city-job-recommend li .name .name-text.no-medium {
  max-width: 240px
}

.city-site .merge-city-job-recommend li .name .job-medium-icon {
  width: 46px;
  height: 16px;
  vertical-align: middle;
  margin-left: 10px
}

.city-site .merge-city-job-recommend li .salary {
  color: #fc6c38;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.city-site .merge-city-job-recommend li a.job-info p.job-text {
  font-size: 13px;
  color: #8d92a1;
  padding-right: 0;
  line-height: 28px;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.city-site .merge-city-job-recommend a.user-info {
  display: block;
  margin-right: 20px;
  margin-left: 30px
}

.city-site .merge-city-job-recommend .user-info p {
  display: inline-block;
  font-size: 14px;
  width: auto;
  padding-right: 0;
  border-radius: 4px;
  line-height: normal
}

.city-site .merge-city-job-recommend .user-info img {
  width: 58px;
  height: 58px;
  vertical-align: middle
}

.city-site .merge-city-job-recommend .user-info .user-text {
  margin-left: 10px;
  font-size: 12px;
  color: #8d92a1
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-top {
  display: flex;
  align-items: center;
  width: 100%
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-top .name {
  position: relative;
  max-width: 160px;
  font-size: 15px;
  color: #414a60;
  margin-right: 8px;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-top .name-after-icon {
  height: 22px;
  vertical-align: middle;
  display: inline-block;
  padding: 0 8px;
  font-size: 13px;
  font-style: normal;
  line-height: 22px;
  margin-right: 4px;
  background: #aaa;
  color: #fff;
  border-radius: 4px
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-top .name-after-icon.name-icon-blue {
  border: none;
  color: #fff;
  background: linear-gradient(270deg,#f77949 0,#ff995e 100%)
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-top .salary {
  font-size: 15px;
  color: #fd7240;
  line-height: normal;
  flex: 1;
  text-align: right;
  max-width: none
}

.city-site .merge-city-job-recommend .sub-li a.job-info {
  padding: 0;
  width: 100%
}

.city-site .merge-city-job-recommend .sub-li-bottom a.user-info {
  margin: 0;
  padding-top: 12px
}

.city-site .merge-city-job-recommend .sub-li-bottom .user-info img {
  width: 30px;
  height: 30px;
  border: 1px solid #f3f5fb;
  margin-right: 10px;
  border-radius: 4px
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-bottom {
  border-top: 1px solid #eef0f5;
  margin-top: 8px
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-bottom .sub-li-bottom-commany-info {
  font-size: 13px;
  color: #8d92a1;
  display: flex;
  align-items: center
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-bottom .sub-li-bottom-commany-info .name {
  margin-left: 10px;
  margin-right: 20px;
  color: #61687c;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-top .guide-app-download-icon {
  display: inline-flex;
  width: 15px;
  height: 13px;
  background: url(../images/guide-add-download-icon.png) no-repeat;
  background-size: 100% 100%
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-top .guide-app-download-icon:hover {
  background: url(../images/guide-add-download-icon-hover.png) no-repeat;
  background-size: 100% 100%
}

.city-site .merge-city-job li .sub-li .sub-li-top .guide-app-download-icon {
  display: inline-flex;
  width: 15px;
  height: 13px;
  background: url(../images/guide-add-download-icon.png) no-repeat;
  background-size: 100% 100%
}

.city-site .merge-city-job li .sub-li .sub-li-top .guide-app-download-icon:hover {
  background: url(../images/guide-add-download-icon-hover.png) no-repeat;
  background-size: 100% 100%
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-bottom .sub-li-bottom-commany-place {
  float: right;
  height: 32px;
  line-height: 32px
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-bottom .sub-li-bottom-commany-place .name {
  margin-left: 2px;
  color: #61687c;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  vertical-align: middle
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-bottom .sub-li-bottom-commany-place .job-card-location {
  display: inline-block;
  width: 10px;
  height: 12px;
  background: url(../images/job-card-location.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle
}

.city-site .merge-city-job-recommend .not-data {
  margin: auto;
  width: 193px;
  height: 232px;
  background: url(../images/tip-nodata.png) no-repeat;
  background-size: 100% 100%
}

.city-site .merge-city-job-recommend .not-data-text {
  margin: auto;
  width: 193px;
  text-align: center;
  color: #9fa3b0;
  font-size: 16px;
  margin-top: 10px
}

.city-site .merge-city-job-recommend h3>span {
  margin-right: 50px
}

.dropdown-filter-geek-recommend {
  float: right;
  height: 100%;
  display: inline-flex;
  align-items: center;
  margin-right: 100px;
  color: #414a60;
  font-size: 14px;
  font-weight: 400
}

.dropdown-filter-geek-recommend .geek-img {
  display: inline-flex;
  align-items: center;
  height: 100%
}

.dropdown-filter-geek-recommend .geek-img img {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  margin-right: 4px
}

.dropdown-filter-geek-recommend .select-label {
  cursor: pointer;
  position: relative;
  z-index: 3;
  height: 100%;
  display: inline-flex;
  align-items: center
}

.dropdown-filter-geek-recommend .select-label i {
  display: inline-block;
  margin: 2px 0 2px 10px;
  border-top: 4px solid #8d92a1;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  -webkit-transition: all linear .2s;
  transition: all linear .2s
}

.dropdown-filter-geek-recommend .select-label i.open {
  transform: rotate(180deg)
}

.dropdown-filter-geek-recommend .select-dropdown-menu {
  display: none;
  position: absolute;
  top: 49px;
  right: 0;
  background: #fff;
  z-index: 1;
  box-shadow: 0 3px 6px rgba(6,0,1,.05);
  border: 1px #e3e7ed solid
}

.dropdown-filter-geek-recommend .select-dropdown-menu>div {
  padding: 10px 10px;
  color: #8d92a1;
  white-space: nowrap
}

.dropdown-filter-geek-recommend .select-dropdown-menu>div.active {
  color: #414a60
}

.dropdown-filter-geek-recommend .select-dropdown-menu>div:hover {
  background: #f2f5f9
}

.job-daizhao-icon,.job-paiqian-icon {
  height: 22px;
  vertical-align: middle;
  margin-right: 8px
}

.guide-download-app-v62 {
  display: none;
  position: fixed;
  top: 122px;
  left: 112px;
  z-index: 999;
  width: 130px;
  height: 130px;
  border: 1px solid rgba(227,231,237,1);
  background: #fff;
  box-shadow: 5px 5px 15px rgba(227,231,237,1);
  border-radius: 4px
}

.guide-download-app-v62 .app-icon-arrow {
  position: absolute;
  top: 20px;
  left: -6px;
  width: 8px;
  height: 8px;
  border: 1px solid rgba(227,231,237,1);
  border-top: none;
  border-right: none;
  transform: rotate(45deg);
  background: #fff
}

.guide-download-app-v62 .app-icon-v62 {
  width: 94px;
  height: 94px;
  background: url(../images/download-app-v63.png) no-repeat;
  background-size: 100% 100%;
  margin: 8px auto 0
}

.guide-download-app-v62 .app-icon-des-v62 {
  color: #00c2b3;
  font-size: 13px;
  text-align: center
}

.city-site .merge-city-job li .sub-li .sub-li-top {
  display: flex;
  width: 100%;
  align-items: center
}

.city-site .merge-city-job li .sub-li .sub-li-top .name {
  position: relative;
  max-width: 200px;
  font-size: 15px;
  color: #414a60;
  margin-right: 8px;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.city-site .merge-city-job li .sub-li .sub-li-top .salary {
  font-size: 15px;
  color: #fd7240;
  line-height: normal;
  flex: 1;
  text-align: right;
  max-width: none
}

.city-site .merge-city-job .sub-li a.job-info {
  padding: 0;
  width: 100%
}

.city-site .merge-city-job .sub-li-bottom a.user-info {
  margin: 0
}

.city-site .merge-city-job .sub-li-bottom .user-info img {
  width: 30px;
  height: 30px
}

.city-site .merge-city-job li .sub-li .sub-li-bottom {
  border-top: 1px solid #eef0f5;
  display: flex;
  margin-top: 8px;
  padding-top: 12px
}

.city-site .merge-city-job li .sub-li .sub-li-bottom .sub-li-bottom-commany-info {
  font-size: 13px;
  color: #8d92a1;
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.city-site .merge-city-job li .sub-li .sub-li-bottom .sub-li-bottom-commany-info .name {
  margin-left: 10px;
  margin-right: 20px;
  color: #61687c;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.city-site .merge-city-job li .sub-li .sub-li-bottom .sub-li-bottom-commany-info .type {
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.city-site .merge-city-job li .sub-li .sub-li-bottom .sub-li-bottom-commany-info .level {
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

#header .school-nav-box {
  width: 450px;
  padding: 5px;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
  display: none
}

#header .school-nav-box::before {
  content: '';
  position: absolute;
  width: 27px;
  height: 15px;
  left: 0;
  right: 0;
  top: -15px;
  margin: auto;
  background-image: url(../images/icon/dialog-arrow-up.png)
}

#header .school-nav-box .img-box {
  height: 92px
}

#header .school-nav-box .img-box.xiaoyuan {
  margin-bottom: 5px;
  background: url(../images/banner-xiaoyuan.jpg)
}

#header .school-nav-box .img-box.renshebu {
  margin-bottom: 5px;
  background: url(../images/banner-minying.jpg)
}

#header .school-nav-box .img-box.yangshi {
  margin-bottom: 5px;
  background: url(../images/banner-yangshi_v2.jpg)
}

#header .school-nav-box .img-box.fupin {
  margin-bottom: 0;
  background: url(../images/banner-fupin@1.5x.jpg) no-repeat;
  background-size: 100% 100%
}

.ie8 #header .school-nav-box .img-box.fupin {
  background-image: url(../images/banner-fupin@1x.jpg)
}

#header .overseas-nav-box {
  box-sizing: border-box;
  width: 232px;
  height: 90px;
  padding: 18px 24px 0 82px;
  position: absolute;
  background: linear-gradient(270deg,#cbf1ed 0,#fff 100%);
  box-shadow: 0 1px 4px 2px rgba(0,0,0,.08);
  display: none;
  border-radius: 4px
}

#header .overseas-nav-box::before {
  content: '';
  position: absolute;
  width: 27px;
  height: 15px;
  left: 25px;
  right: 0;
  top: -11px;
  background-image: url(../images/icon/dialog-arrow-up.png);
  transform: scale(.5)
}

#header .overseas-nav-box .close {
  cursor: pointer;
  width: 8px;
  height: 8px;
  background-image: url(../images/icons-close.png);
  background-size: 100% auto;
  background-position: bottom;
  position: absolute;
  right: 9px;
  top: 9px
}

#header .overseas-nav-box .close:hover {
  background-position: top
}

#header .overseas-nav-box img {
  width: 73px;
  height: auto;
  position: absolute;
  left: 3px;
  top: 18px
}

#header .overseas-nav-box h4 {
  color: #333;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 13px
}

#header .overseas-nav-box a {
  background-color: #5dd5c8;
  border-radius: 10.5px;
  font-size: 12px;
  height: 21px;
  line-height: 21px;
  padding: 0 10px;
  float: right;
  color: #fff;
  cursor: pointer
}

#header .overseas-nav-box a:hover {
  color: #fff
}

.school-body {
  background: #eef0f5
}

.school-banner {
  height: 606px;
  max-width: 2000px;
  margin: 0 auto;
  background: url(../images/school-banner_v4.jpg) center no-repeat;
  position: relative
}

.renshebu-banner {
  background-image: url(https://img.bosszhipin.com/static/file/2022/qwsowuy0801654765334786.jpg);
  background-size: auto 100%;
  max-width: none
}

.renshebu-brqw-banner {
  background-image: url(https://img.bosszhipin.com/static/file/2022/fydwrktxkl1651807240095.jpg);
  background-size: auto 100%;
  max-width: none
}

.renshebu-rlzy-banner {
  background-image: url(https://img.bosszhipin.com/static/file/2022/xo4pa37twg1669361218340.jpeg);
  background-size: auto 100%;
  max-width: none
}

.cujiuye-rlzy-banner {
  background-image: url(https://img.bosszhipin.com/static/file/2023/gelg3vj1sm1678254875426.jpeg);
  background-size: auto 100%;
  max-width: none
}

.renshebu-zywldzcs-banner {
  background-image: url(https://img.bosszhipin.com/static/file/2023/x7qvl6tw8q1678762678897.jpg);
  background-size: auto 100%;
  max-width: none
}

.gongshang-banner {
  background-image: url(https://img.bosszhipin.com/static/file/2022/ewrqi5fc5s1652928070304.jpg);
  background-size: auto 100%;
  max-width: none
}

.yangshi-banner {
  background-image: url(../images/yangshi-banner_v2.jpg)
}

.cyrensheju-banner {
  background-image: url(https://img.bosszhipin.com/static/file/2022/5idu2d80en1654765727011.jpg);
  background-size: auto 100%
}

.ie8 .cyrensheju-banner {
  background-image: url(../images/cyrensheju-banner-new@1x.jpg)
}

.fupin-banner {
  background-image: url(https://img.bosszhipin.com/static/file/2022/mvwd85mg7e1654757308975.jpg);
  background-size: auto 100%;
  max-width: none
}

.ie8 .fupin-banner {
  background-image: url(../images/fupin-banner@1x.jpg)
}

.youth-banner {
  background-image: url(https://img.bosszhipin.com/static/file/2022/lv06cdl0j41651200935888.jpg);
  background-size: auto 100%
}

.renshebu-banner .info-aside {
  display: none
}

.renshebu-brqw-banner .info-aside {
  display: none
}

.renshebu-rlzy-banner .info-aside {
  display: none
}

.cujiuye-rlzy-banner .info-aside {
  display: none
}

.renshebu-zywldzcs-banner .info-aside {
  display: none
}

.gongshang-banner .info-aside {
  display: none
}

.school-banner .column-search-panel {
  position: absolute;
  bottom: 24px;
  width: 100%
}

.school-banner .column-search-panel.fixed {
  position: absolute;
  top: auto;
  left: auto;
  height: auto;
  box-shadow: none
}

.school-banner .column-search-panel .search-box {
  position: relative;
  width: 980px
}

.school-banner .column-search-panel .search-form-con {
  width: 850px
}

.school-banner .column-search-panel .school-typebox {
  position: absolute;
  width: 100%;
  top: -14px;
  left: 0;
  font-size: 0
}

.school-banner .column-search-panel .city-sel {
  padding: 10px 15px 10px 15px;
  width: 78px;
  border-color: transparent
}

.school-banner .column-search-panel .city-sel .label-text {
  width: 70px;
  text-overflow: ellipsis
}

.school-banner .column-search-panel .city-sel b {
  font-size: 16px
}

.school-banner .column-search-panel .city-sel .line {
  display: none;
  height: 32px
}

.school-banner .column-search-panel .city-sel .icon-arrow-down {
  right: -6px
}

.school-banner .column-search-panel .search-form .ipt-search {
  width: 636px
}

.school-banner .column-search-panel .search-form .btn-search {
  width: 130px
}

.school-banner .column-search-panel .suggest-result {
  width: 720px
}

.school-banner .column-search-panel .school-typebox .typebox-full,.school-banner .column-search-panel .school-typebox .typebox-intern {
  vertical-align: middle;
  display: inline-block;
  width: 98px;
  height: 34px;
  background: url(../images/school-search-type@2x.png) no-repeat;
  background-size: 250px 112px;
  cursor: pointer
}

.school-banner .column-search-panel .school-typebox .typebox-full {
  background-position: 0 -39px
}

.school-banner .column-search-panel .school-typebox .typebox-full.cur {
  background-position: 0 -78px
}

.school-banner .column-search-panel .school-typebox .typebox-full:hover {
  background-position: 0 0
}

.school-banner .column-search-panel .school-typebox .typebox-full.cur:hover {
  background-position: 0 -78px
}

.school-banner .column-search-panel .school-typebox .typebox-intern {
  margin-left: -11px;
  background-position: -152px -39px
}

.school-banner .column-search-panel .school-typebox .typebox-intern.cur {
  background-position: -152px -78px
}

.school-banner .column-search-panel .school-typebox .typebox-intern:hover {
  background-position: -152px 0
}

.school-banner .column-search-panel .school-typebox .typebox-intern.cur:hover {
  background-position: -152px -78px
}

.ie8 .school-banner .column-search-panel .school-typebox .typebox-full,.ie8 .school-banner .column-search-panel .school-typebox .typebox-intern {
  background-image: url(../images/school-search-type@1x.png)
}

.school-banner .info-aside {
  position: absolute;
  right: 40px;
  top: 233px
}

.school-banner .info-aside ul {
  background: #fff;
  border-radius: 3px;
  width: 122px;
  overflow: hidden
}

.school-banner .info-aside ul li.info-btn {
  display: none
}

.school-banner .info-aside ul li:hover {
  background-color: #f3f5fb
}

.school-banner .info-aside ul li.cur .text-wrapper {
  display: block
}

.school-banner .info-aside ul li a {
  text-align: center;
  display: block;
  padding: 9px 0
}

.school-banner .info-aside ul .text-wrapper {
  display: none;
  background: #fff;
  position: absolute;
  width: 410px;
  height: 300px;
  right: 124px;
  border-radius: 3px;
  top: 0;
  padding: 30px;
  box-sizing: border-box;
  color: #414a60
}

.school-banner .info-aside ul .text-wrapper>p {
  font-size: 16px;
  font-weight: 600
}

.school-banner .info-aside ul .text-wrapper .info-wrap {
  margin-top: 16px
}

.school-banner .info-aside ul .text-wrapper .info-wrap>p {
  margin-bottom: 5px
}

.school-banner .info-aside ul .text-wrapper .info-wrap .info-title {
  color: #8d92a1;
  font-size: 14px
}

.school-banner .info-aside ul .text-wrapper .info-wrap .info-text,.school-banner .info-aside ul .text-wrapper .info-wrap .info-title {
  float: left
}

.school-page.home-sider {
  padding-top: 36px;
  width: 240px;
  position: static
}

.school-page h3.section-title {
  display: inline-block;
  font-size: 16px;
  color: #414a60;
  height: 22px;
  line-height: 22px;
  margin-bottom: 20px
}

.school-page h3.section-title+h3 {
  display: inline-block;
  vertical-align: middle
}

.job-menu-school {
  background: #fff;
  position: relative;
  height: 276px
}

.job-menu-school dl {
  line-height: 50px;
  cursor: pointer
}

.job-menu-school dl.cur {
  background: #5dd5c8;
  color: #fff
}

.job-menu-school dl dd {
  padding-left: 30px
}

.job-menu-school dl.cur .menu-sub-school {
  display: block
}

.job-menu-school .menu-sub-school {
  display: none;
  background: #fff;
  width: 944px;
  height: 276px;
  position: absolute;
  left: 240px;
  top: 0;
  z-index: 1
}

.job-menu-school .menu-sub-school li {
  float: left;
  box-sizing: border-box;
  padding: 10px 0 10px 30px;
  line-height: 35px;
  height: 276px;
  position: relative
}

.job-menu-school .menu-sub-school li+li::before {
  content: '';
  width: 1px;
  height: 184px;
  position: absolute;
  top: 58px;
  left: 0;
  background: #e3e7ed
}

.job-menu-school .menu-sub-school li h4 {
  font-size: 15px;
  color: #414a60
}

.job-menu-school .menu-sub-school .text {
  width: 164px;
  float: left
}

.job-menu-school .menu-sub-school .text a {
  font-size: 14px;
  display: block;
  color: #61687c
}

.job-menu-school .menu-sub-school .text a:hover {
  color: #5dd5c8
}

.school-page.common-tab-box .section-title {
  margin-right: 16px
}

.school-page.common-tab-box .section-title+h3 {
  height: 34px
}

.school-page.common-tab-box .section-title+h3 span {
  color: #414a60;
  font-size: 14px;
  width: 80px;
  line-height: 34px;
  margin-right: 10px;
  text-align: center;
  border-radius: 6px;
  background: #fff
}

.school-page.common-tab-box .section-title+h3 span:hover {
  color: #5dd5c8
}

.school-page.common-tab-box .section-title+h3 span.cur {
  background: #5dd5c8;
  color: #fff
}

.school-page.company-tab-box ul li {
  width: 384px;
  height: 210px;
  position: relative
}

.school-page.company-tab-box li .sub-li {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 20px 20px 0 20px;
  box-sizing: border-box
}

.school-page.company-tab-box li .sub-li>.company-info {
  border: none;
  height: auto;
  padding: 0;
  margin: 0
}

.school-page.company-tab-box li .sub-li>.company-info:hover .company-info {
  color: #414a60
}

.school-page.company-tab-box li .sub-li .company-title img {
  width: 57px;
  height: 57px;
  border: none
}

.school-page.company-tab-box li .sub-li .company-title .conpany-text {
  text-align: left
}

.school-page.company-tab-box li .sub-li .company-title .conpany-text h4 {
  font-size: 15px
}

.school-page.company-tab-box li .sub-li .company-title+.company-info {
  border: none;
  padding-top: 0;
  margin: 0;
  line-height: 20px
}

.school-page.company-tab-box li .sub-li .company-title+.company-info:hover {
  color: #414a60
}

.school-page.company-tab-box li .sub-li .company-link {
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  line-height: 52px;
  border-top: 1px dashed #eef0f5;
  height: 52px
}

.school-page.company-tab-box li .sub-li .company-link a {
  display: inline-block;
  font-size: 14px;
  margin-right: 40px;
  color: #61687c
}

.school-page.company-tab-box li .sub-li .company-link a:first-child {
  position: absolute;
  left: 0
}

.school-page.company-tab-box li .sub-li .company-link a:last-child {
  position: absolute;
  right: 0;
  margin-right: 0
}

.school-page.company-tab-box li .sub-li .company-link a:hover {
  color: #5dd5c8
}

.school-page.company-tab-box li .sub-li .company-link a span {
  margin-right: 5px
}

.school-page.company-tab-box li .sub-li .company-link.column-three {
  text-align: center
}

.school-page.company-tab-box li .sub-li .company-link.column-three a {
  margin-right: 0
}

.school-page.job-tab-box ul li {
  height: 140px
}

.school-page.job-tab-box li .sub-li span.title-text {
  max-width: 250px
}

.school-page.job-tab-box li .sub-li {
  height: 140px
}

.school-page.job-tab-box li a.job-info {
  height: 69px
}

.school-page.job-tab-box a.user-info {
  padding: 0
}

.school-page.job-tab-box a.user-info p {
  line-height: 60px;
  height: 60px
}

.school-page.common-tab-box .common-tab-more {
  margin: 24px 0 50px 0
}

.school-page.common-tab-box .common-tab-more .btn {
  width: 384px;
  height: 44px;
  line-height: 44px;
  background: #fff;
  color: #00c2b3;
  border: none
}

.school-page.common-tab-box .common-tab-more .btn:hover {
  background: #00c2b3;
  color: #fff
}

.school-mask {
  height: 245px;
  background: url(../images/school-mask_v2.jpg) center no-repeat;
  box-sizing: border-box;
  padding: 52px 0 0 120px;
  color: #414a60
}

.school-mask p {
  font-size: 26px;
  margin-bottom: 21px
}

.school-mask ul {
  font-size: 18px;
  line-height: 28px
}

.school-mask ul li::before {
  content: '·';
  margin-right: 8px
}

@media screen and (max-width: 540px) {
  .home-body {
      min-width:100%;
      background-color: #f7f7f7
  }

  #main.inner {
      width: 100%
  }

  #header {
      display: none
  }

  .school-banner {
      width: 100%;
      max-width: 100%
  }

  .yangshi-banner {
      background-image: url(../images/yangshi-banner-m.jpg);
      height: 75.2vw;
      background-size: contain
  }

  .school-page.home-sider {
      padding-top: 10px;
      width: auto
  }

  .school-page.common-tab-box {
      margin-top: 10px
  }

  .job-menu-school {
      padding: 10px 15px;
      height: 200px
  }

  .job-menu-school .menu-sub-school .text {
      width: auto
  }

  .job-menu-school dl {
      line-height: 36px;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px
  }

  .job-menu-school dl dd {
      padding-left: 5px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: 10px;
      font-size: 13px
  }

  .job-menu-school .menu-sub-school {
      left: 180px;
      width: calc(100% - 180px);
      overflow-y: auto;
      overflow-x: hidden;
      -webkit-overflow-scrolling: touch;
      height: 220px
  }

  .job-menu-school .menu-sub-school li {
      width: 100%;
      height: auto;
      line-height: 30px;
      font-size: 13px
  }

  .job-menu-school .menu-sub-school li+li::before {
      content: none
  }

  .school-page h3.section-title {
      display: block;
      margin-bottom: 0;
      padding: 10px 15px
  }

  .school-page h3.section-title::before {
      content: '';
      display: inline-block;
      width: 3px;
      vertical-align: middle;
      background: #5dd5c8;
      height: 16px;
      margin-right: 5px;
      margin-top: -2px
  }

  .school-page.common-tab-box .section-title+h3 {
      display: block;
      height: auto;
      padding-left: 15px
  }

  .school-page.common-tab-box .section-title+h3::after {
      content: '';
      display: block;
      clear: both
  }

  .school-page.common-tab-box .section-title+h3 span {
      margin-bottom: 10px;
      width: 60px;
      line-height: 26px;
      border-radius: 4px
  }

  .home-site .common-tab-box ul {
      width: 100%
  }

  .school-page.job-tab-box ul li {
      width: 100%;
      margin-right: 0;
      margin-bottom: 10px
  }

  .school-page.job-tab-box ul li:last-of-type {
      margin-bottom: 0
  }

  .school-page.company-tab-box ul li {
      width: 100%;
      margin-right: 0;
      margin-bottom: 10px;
      height: 190px
  }

  .school-page.job-tab-box li a.job-info .title-text {
      margin-left: 20px;
      max-width: 220px
  }

  .home-site .job-tab-box li a.job-info p.job-text {
      width: auto;
      margin: 0 20px
  }

  .school-page.job-tab-box a.user-info p {
      width: auto;
      margin: 0 20px
  }

  .school-page.company-tab-box li .sub-li .company-title+.company-info {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      height: 40px
  }

  .home-site .job-tab-box li .sub-li {
      width: 100%
  }

  #footer,.school-mask {
      display: none
  }

  #wrap {
      padding-bottom: 40px
  }
}

.hotcity-tab-box {
  margin-top: 25px;
  margin-bottom: -20px;
  width: 1184px;
  overflow: hidden
}

.hotcity-tab-box h4 {
  height: 35px;
  line-height: 35px
}

.hotcity-tab-box ul {
  width: 1515px;
  border: none
}

.hotcity-tab-box ul a {
  display: block;
  float: left;
  height: 80px;
  width: 194px;
  margin: 0 4px 4px 0;
  position: relative
}

.hotcity-tab-box ul a img {
  display: block;
  width: 100%;
  height: 100%
}

.hotcity-tab-box h3 {
  border: none
}

.hotcity-tab-box .model {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.3);
  display: none
}

.hotcity-tab-box a:hover .model {
  display: block
}

.slider-city {
  overflow: hidden;
  height: 164px;
  position: relative;
  top: 0;
  left: 0
}

.slider-city li {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 2574px;
  position: relative
}

.slider-city li.cur {
  display: block
}

.city-page-btn {
  position: absolute;
  z-index: 20;
  top: 28px;
  width: 40px;
  height: 120px;
  cursor: pointer
}

.city-page-btn.prev {
  display: none;
  left: 0;
  background: rgba(0,0,0,.3) url(../images/city-prev.png) center center no-repeat
}

.city-page-btn.next {
  right: 0;
  background: rgba(0,0,0,.3) url(../images/city-next.png) center center no-repeat
}

.city-page-btn.prev:hover {
  background: rgba(0,0,0,.5) url(../images/city-prev.png) center center no-repeat
}

.city-page-btn.next:hover {
  background: rgba(0,0,0,.5) url(../images/city-next.png) center center no-repeat
}

.top-sign-box {
  background: #52cbc5;
  height: 115px;
  padding-top: 15px;
  position: relative;
  z-index: 1003
}

.top-sign-box .inner {
  height: 100%
}

.top-sign-box h2 {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  letter-spacing: 1px
}

.top-sign-box .registe-step {
  margin-top: 21px
}

.top-sign-box .registe-step .step-form {
  position: relative
}

.top-sign-box .registe-step div {
  display: inline-block;
  vertical-align: middle
}

.registe-step .input-box {
  position: relative
}

.registe-step .input-box input {
  padding: 6px 10px 5px 10px;
  height: 25px;
  border: none;
  line-height: 25px;
  background: #fff;
  box-shadow: 1px 0 4px 0 rgba(86,174,164,.5);
  font-size: 12px;
  vertical-align: middle;
  width: 120px
}

.registe-step .input-box input.ipt-phone {
  width: 150px
}

.registe-step .step-num {
  font-family: AvenirNext-Medium;
  font-size: 50px;
  color: #fff;
  text-align: left;
  line-height: 50px;
  height: 50px;
  position: relative;
  top: -2px;
  width: 40px
}

.registe-step .step-text {
  margin: 0 25px 0 8px
}

.registe-step .step-text:last-of-type {
  margin: 0 0 0 8px
}

.registe-step .step-text h3 {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  letter-spacing: 1px
}

.registe-step .step-text p {
  color: #99e0db;
  font-size: 12px
}

.registe-step .registe-btn {
  min-width: 80px;
  box-sizing: content-box;
  font-size: 12px;
  border: none;
  background: #67e9db
}

.ie7 .registe-step .registe-btn {
  position: relative;
  top: 11px;
  left: 5px
}

.registe-step .step-right {
  height: 34px;
  width: 18px;
  margin: 0 40px 0 40px;
  background: url(../images/step-right.png) no-repeat
}

.registe-step .step-ok {
  height: 28px;
  width: 34px;
  margin: 0 55px 0 0;
  background: url(../images/step-ok.png) no-repeat
}

.registe-step .show-code-box {
  color: #54cbc4;
  font-size: 12px;
  position: absolute;
  right: 15px;
  top: 6px
}

.top-sign-box .registe-step div.code-form-box,.top-sign-box.fast-register-box .code-form-box {
  display: none;
  position: absolute;
  width: 405px;
  height: 32px;
  padding: 5px 7px;
  box-sizing: border-box;
  left: 0;
  top: 48px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,.15)
}

.top-sign-box.fast-register-box .code-form-box {
  background: #e8e8e8
}

.top-sign-box.fast-register-box .code-form-box:after {
  position: absolute;
  top: -3px;
  left: 50%;
  margin-left: -45px;
  content: '正在加载中';
  background: url(https://z.zhipin.com/web/geek/resource/loading.gif) right center no-repeat;
  background-size: 16px;
  padding-right: 20px;
  line-height: 42px;
  color: #969696;
  white-space: nowrap
}

.top-sign-box .code-form-box .row-code.nc-container .nc_scale {
  display: block
}

.top-sign-box .code-form-box .row-code {
  display: block;
  position: relative;
  z-index: 101;
  margin: 0
}

.top-sign-box .sign-form {
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  height: 34px;
  width: 320px
}

.top-sign-box .code-form-box:before {
  content: '';
  position: absolute;
  top: -16px;
  right: 107px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #fff;
  z-index: 99
}

.top-sign-box .code-form-box .code-form-title {
  display: block;
  margin: 13px 0 10px 18px
}

.code-form-box .code-img img {
  width: 94px;
  height: 36px;
  display: block;
  margin-left: 18px
}

.code-form-box .code-input input {
  padding: 6px 10px 5px 10px;
  height: 23px;
  border: solid 1px #54cbc4;
  line-height: 23px;
  background: #fff;
  font-size: 12px;
  vertical-align: middle;
  width: 170px
}

.code-form-box .getcode-btn {
  width: 70px;
  min-width: 35px;
  background: #54cbc4;
  border: none;
  font-size: 12px
}

.code-form-box .row-code.nc-container .nc_scale span {
  width: 40px;
  height: 32px;
  line-height: 32px
}

.code-form-box .row-code.nc-container .nc_scale .scale_text {
  line-height: 34px
}

.code-form-box .row-code.nc-container .nc_scale {
  height: 34px
}

.code-form-box .getcode-btn {
  float: right;
  height: 34px;
  line-height: 34px;
  width: 80px
}

.top-sign-box .fill-btn {
  min-width: 146px;
  box-sizing: content-box;
  font-size: 12px;
  border: none;
  background: #67e9db;
  margin-left: 15px
}

.top-active-box {
  height: 120px;
  position: relative;
  z-index: 1005;
  background: #fff center center no-repeat
}

.top-active-box a {
  height: 100%;
  display: block
}

.top-active-box .active-close {
  position: absolute;
  z-index: 20;
  right: 30px;
  top: 10px;
  width: 20px;
  height: 20px;
  background: rgba(0,0,0,.5) url(../images/active-close.png) center center no-repeat;
  border-radius: 50%;
  cursor: pointer;
  opacity: .5
}

.top-active-box .active-close:hover {
  opacity: .8
}

.fast-register-box.top-sign-box {
  height: 120px;
  background: linear-gradient(90deg,#00bebd 0,#00a6a7 100%);
  position: relative;
  z-index: 1004;
  padding-top: 0
}

.fast-register-box.top-sign-box .home-inner {
  width: 1084px
}

.fast-register-box .icon-tip {
  float: left;
  height: 120px;
  margin: 0 35px 0 0
}

.fast-register-box .btn-to-upload {
  font-size: 14px;
  display: block;
  width: 140px;
  margin: 0 auto;
  height: 34px;
  line-height: 34px;
  border-radius: 2px;
  color: #5dd5c8;
  background: #fff
}

.top-sign-box.fast-register-box .code-form-box {
  top: 112px;
  width: 320px;
  padding: 0;
  border-radius: 2px
}

.top-sign-box.fast-register-box .code-form-box .row-code {
  width: 320px
}

.top-sign-box.fast-register-box .code-form-box .getcode-btn {
  display: none;
  position: absolute;
  font-size: 12px;
  white-space: nowrap;
  color: #54cbc4;
  top: 0;
  right: 92px;
  padding: 0 10px;
  line-height: 32px;
  height: 32px;
  z-index: 999;
  min-width: auto;
  background: 0 0;
  border: none;
  width: auto
}

.fast-register-box .step-form {
  float: right;
  position: relative
}

.fast-register-box .step-form img {
  height: 26px;
  margin: 22px 0 8px 0
}

.fast-register-box .sign-form {
  display: block
}

.fast-register-box .input-box {
  display: inline-block;
  vertical-align: middle;
  position: relative
}

.fast-register-box .input-box input {
  padding: 6px 10px 5px 10px;
  height: 25px;
  border: none;
  line-height: 25px;
  background: #fff;
  box-shadow: 1px 0 4px 0 rgba(86,174,164,.5);
  font-size: 12px;
  vertical-align: middle
}

.fast-register-box .input-box input.ipt-phone {
  width: 150px
}

.fast-register-box .show-code-box {
  color: #54cbc4;
  font-size: 12px;
  position: absolute;
  right: 15px;
  top: 6px
}

.fast-register-box .registe-btn {
  min-width: 80px;
  box-sizing: content-box;
  font-size: 12px;
  vertical-align: middle;
  border: 1px solid #fff;
  height: 34px;
  line-height: 34px
}

.fast-register-box .fast-reg-desc {
  font-size: 16px;
  color: #fff;
  padding-top: 28px
}

.fast-register-box .fast-reg-desc p {
  display: inline-block
}

.fast-register-box .boss-count,.fast-register-box .position-count {
  font-size: 32px;
  line-height: 40px;
  margin-right: 6px;
  margin-left: -3px
}

.fast-register-box .fast-reg-desc .vline {
  height: 61px;
  vertical-align: top;
  margin: 20px 20px 0 20px
}

.column-search-panel {
  position: relative;
  z-index: 1003
}

.column-search-panel .logo {
  display: none;
  float: left
}

.column-search-panel.fixed .logo {
  display: block
}

.column-search-panel .logo a {
  display: block;
  width: 110px;
  height: 36px;
  margin-right: 30px;
  background: url(../images/logo-2x.png) 3px 7px no-repeat;
  background-size: 105px 19px
}

.column-search-panel.fixed div.search-form-con {
  width: 904px
}

.column-search-panel.fixed .search-form .ipt-wrap {
  width: 774px;
  overflow: hidden;
  position: static
}

.column-search-panel.fixed .ipt-search {
  width: 736px
}

.column-search-panel .logo span {
  display: none
}

.column-search-panel.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 1003;
  background: #fff;
  z-index: 1004;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,.21)
}

.column-search-panel.fixed .search-box {
  width: 100%;
  padding-top: 25px;
  animation: showSearchBox .35s linear both
}

@keyframes showSearchBox {
  0% {
      transform: translate(0,-25px)
  }

  35.294117647058826% {
      transform: translate(0,-.4975000000000023px)
  }

  52.94117647058824% {
      transform: translate(0,-6.249600000000001px)
  }

  70.58823529411765% {
      transform: translate(0,-.6212437500000014px)
  }

  82.35294117647058% {
      transform: translate(0,-1.4882437500000023px)
  }

  88.23529411764706% {
      transform: translate(0,-.23424375000000097px)
  }

  94.11764705882352% {
      transform: translate(0,-.384999999999998px)
  }

  100% {
      transform: translate(0,0)
  }
}

.column-search-panel.fixed .search-hot {
  display: none
}

.column-search-panel .search-box {
  width: 934px;
  margin: 0 auto
}

.column-search-panel .search-form-con {
  width: 794px;
  box-shadow: 0 0 6px 0 rgba(0,0,0,.13)
}

.column-search-panel .btn-search {
  height: 50px;
  line-height: 50px;
  background-image: none;
  font-size: 16px;
  width: 140px;
  float: right
}

.column-search-panel .ipt-search {
  width: 626px;
  font-size: 16px;
  padding: 10px 19px
}

.column-search-panel .search-form .ipt-wrap {
  height: 48px;
  border-color: #fff
}

.column-search-panel .industry-box {
  width: 675px;
  left: auto;
  right: 0;
  top: 59px
}

.column-search-panel .search-form {
  height: 54px
}

.column-search-panel .search-hot {
  padding: 9px 0 26px 0
}

.column-search-panel .search-box .search-hot {
  height: 41px;
  margin-bottom: 20px;
  overflow: hidden;
  box-sizing: border-box;
  width: 794px
}

.column-search-panel .search-hot a {
  color: #00c2b3;
  margin-bottom: 10px
}

.column-search-panel .search-hot b {
  margin-right: 18px
}

.column-search-panel .position-sel {
  width: 99px;
  float: left;
  padding-top: 9px;
  padding-bottom: 11px;
  border-color: #fff;
  border-left: 1px solid #fff
}

.column-search-panel .position-sel b {
  font-size: 16px;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block
}

.column-search-panel .position-sel .label-text {
  width: 80px
}

.column-search-panel .position-box {
  top: 50px;
  left: -1px
}

.column-search-panel.fixed .position-box {
  left: 139px
}

.column-search-panel .suggest-result {
  width: 664px;
  left: 128px;
  top: 50px
}

.column-search-panel.fixed .suggest-result {
  left: auto;
  width: 774px;
  right: 140px
}

.nav-city .city-box {
  top: 49px
}

.job-menu:hover {
  z-index: 1003
}

.zhipin-v1 .job-menu {
  padding-top: 4px
}

.zhipin-v1.promotion-four .job-menu {
  padding-top: 1px
}

.zhipin-v1 .job-menu a {
  margin-left: 0
}

.zhipin-v2.promotion-four .home-main {
  height: auto
}

.zhipin-v2.promotion-five .home-main {
  height: auto
}

.home-city-dialog .dialog-title .icon-close:after,.home-city-dialog .dialog-title .icon-close:before {
  background: #fff
}

.home-city-dialog .dialog-title .close:hover {
  background-color: unset
}

.home-city-dialog .dialog-title .close:hover .icon-close:after,.home-city-dialog .dialog-title .close:hover .icon-close:before {
  background: #fff
}

.home-city-dialog .dialog-title .icon-close {
  top: 5px
}

.home-city-dialog .title {
  background: #5dd5c8;
  color: #fff;
  background-image: url(../images/city-sites.png);
  background-repeat: no-repeat;
  background-position: 9px 7px
}

.home-city-dialog .content {
  padding: 24px 30px 30px
}

.home-city-dialog .content .content-prompt {
  height: 83px;
  border-bottom: 1px solid #dedede
}

.home-city-dialog .content .prompt-title {
  font-size: 16px;
  line-height: 30px
}

.home-city-dialog .content .prompt-desc {
  font-size: 14px;
  line-height: 30px
}

.home-city-dialog .content .cur-pos {
  margin-top: 27px;
  font-size: 14px;
  line-height: 20px
}

.home-city-dialog .content .cur-city {
  position: relative;
  margin: 16px 0 24px 0;
  width: 90px;
  height: 34px;
  line-height: 34px;
  border: 1px solid #dedede;
  box-sizing: border-box
}

.home-city-dialog .content .cur-city:hover {
  border: 1px solid #53cac3
}

.home-city-dialog .content .cur-city:hover .city-name>a {
  color: #53cac3
}

.home-city-dialog .content .cur-city .icon-poi {
  position: absolute;
  top: 10px;
  left: 11px;
  display: inline-block;
  width: 14px;
  height: 16px;
  background: url(../images/icon-poi.png) 0 -165px
}

.home-city-dialog .content .cur-city .city-name {
  display: inline-block;
  margin-left: 30px
}

.home-city-dialog .title-content {
  display: inline-block
}

.home-city-dialog .title-main {
  margin-right: 10px
}

.home-city-dialog .title-sub {
  font-size: 12px
}

.home-city-dialog .dialog-container {
  width: 590px;
  height: 80%;
  margin: 0;
  overflow: auto;
  -webkit-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.home-city-dialog .dialog-container .dialog-con {
  height: 100%
}

.home-city-dialog h4 {
  font-size: 16px;
  line-height: 50px;
  padding-left: 30px;
  font-weight: 400
}

.home-city-dialog .city-writing {
  color: #53cac3
}

.home-city-dialog .city-wrapper {
  margin-top: 20px;
  font-size: 0
}

.home-city-dialog .city-wrapper+.city-wrapper {
  margin-top: 16px
}

.home-city-dialog .city-wrapper .city-list-label {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  margin-bottom: 16px
}

.home-city-dialog .city-wrapper .city-list {
  margin-right: -8px;
  margin-left: -8px;
  width: 530px
}

.home-city-dialog .city-item {
  display: inline-block;
  margin: 0 8px 16px 8px;
  box-sizing: border-box;
  width: 90px;
  height: 34px;
  border: 1px solid #e3e7ed
}

.home-city-dialog .city-item.current {
  border: 1px solid #5dd5c8;
  background: #5dd5c8
}

.home-city-dialog .city-item.current a {
  color: #fff
}

.home-city-dialog .city-item:hover {
  background: #5dd5c8;
  border-color: #5dd5c8;
  -webkit-transition: all linear .2s;
  transition: all linear .2s
}

.home-city-dialog .city-item:hover a {
  color: #fff
}

.home-city-dialog .city-item a {
  display: block;
  text-align: center;
  line-height: 32px;
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #61687c
}

.home-city-dialog .content-footer {
  font-size: 12px;
  line-height: 20px;
  color: #8d92a1
}

.page-returnee.fixed-header {
  padding-top: 49px
}

.page-returnee.fixed-header #header {
  position: fixed;
  top: 0;
  left: 0
}

.page-returnee .column-search-panel.fixed {
  top: 49px
}

.page-returnee .column-search-panel .search-box .search-hot {
  width: 830px
}

.page-returnee .top-banner {
  height: 180px;
  background: url(https://img.bosszhipin.com/static/file/2022/returnee-banner-bg.png) center center no-repeat;
  background-size: 1440px 180px;
  position: relative;
  z-index: 0
}

.top-banner.home-body-wrapper::before {
  top: 0
}

.page-returnee .banner-fill {
  position: absolute;
  top: 49px;
  left: 0;
  height: 180px;
  width: 100%;
  z-index: 0
}

.page-returnee .banner-fill::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 180px;
  background: #00bebd
}

.page-returnee .banner-fill::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 180px;
  background: #00a6a7
}

.page-returnee .search-box {
  padding-top: 40px
}

.page-returnee .slider-city {
  height: 144px
}

.page-returnee .banner-inner {
  width: 1184px;
  margin: 0 auto;
  position: relative
}

.page-returnee .top-slogan {
  position: absolute;
  top: 85px;
  left: 100px;
  width: 556px;
  height: 66px;
  background: url(https://img.bosszhipin.com/static/file/2022/returnee-banner-bg-desc.png) center center no-repeat;
  background-size: contain
}

.page-returnee .slider-wrapper {
  position: absolute;
  top: 35px;
  right: 0
}

.page-returnee .city-sel {
  height: 34px;
  line-height: 34px;
  border-color: #fff
}

.page-returnee .search-form-con:hover .city-sel {
  border-color: #53cac3
}

.page-returnee .city-sel .line {
  top: 12px
}

.page-returnee .common-tab-box.practice-pos {
  margin-top: 50px
}

.page-returnee .common-tab-box.merge-city-job.practice-pos .box-title {
  height: 20px;
  margin-bottom: 12px
}

.page-returnee .common-tab-box .box-title {
  margin-top: 8px;
  font-size: 15px;
  font-weight: 500;
  color: #414a60;
  line-height: 20px;
  text-align: left;
  margin-bottom: 12px;
  position: relative;
  z-index: 50
}

.page-returnee .common-tab-box.merge-city-job {
  overflow: initial
}

.page-returnee .common-tab-box.merge-city-job .box-title {
  margin-bottom: 0
}

.page-returnee .common-tab-box .box-title .hot-pos {
  float: left
}

.page-returnee .common-tab-box .box-title .city-wrap {
  padding-left: 70px;
  position: relative
}

.page-returnee .common-tab-box.hot-pos-wrap .box-title {
  margin-top: 0
}

.page-returnee .common-tab-box.hot-pos-wrap .box-title .hot-pos {
  padding-top: 8px
}

.page-returnee .common-tab-box.hot-pos-wrap .box-title .city-wrap {
  padding-left: 60px
}

.page-returnee .common-tab-box.hot-pos-wrap li .sub-li .sub-li-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  height: 22px;
  overflow: hidden;
  flex: 1
}

.page-returnee .common-tab-box.hot-pos-wrap li .sub-li .sub-li-info .boss-online-tag {
  display: inline-block;
  position: relative;
  height: 20px;
  background: #d8f9e5;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #1dc165;
  line-height: 20px;
  padding: 0 6px 0 16px;
  margin-left: 8px
}

.page-returnee .common-tab-box.hot-pos-wrap li .sub-li .sub-li-top {
  margin-bottom: 12px
}

.page-returnee .common-tab-box.hot-pos-wrap li .sub-li .sub-li-info .boss-online-tag:before {
  content: ' ';
  position: absolute;
  width: 5px;
  height: 5px;
  top: 7px;
  left: 6px;
  border-radius: 100%;
  background: #45d283
}

.page-returnee .common-tab-box.hot-pos-wrap li .sub-li .sub-li-top .salary {
  flex: none
}

.page-returnee .common-tab-box.hot-pos-wrap li .sub-li a.job-info p.job-text {
  line-height: normal;
  padding-right: 0;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  word-break: break-all;
  max-width: none;
  white-space: normal
}

.page-returnee .common-tab-box .box-title .city-wrap .name {
  font-size: 13px;
  font-weight: 400;
  color: #19d7c8;
  line-height: 20px;
  position: relative;
  cursor: pointer;
  width: fit-content;
  padding-bottom: 12px;
  width: 80px;
  padding-left: 10px;
  padding-top: 8px
}

.page-returnee .common-tab-box .box-title .city-wrap .name .text {
  float: left
}

.page-returnee .common-tab-box .box-title .city-wrap .name .city-list.show {
  display: block
}

.page-returnee .common-tab-box .box-title .city-wrap .name .city-list.hide {
  display: none
}

.page-returnee .common-tab-box .box-title .city-wrap .name .arrow {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url(../images/returnee/city-down-arrow.png) no-repeat center;
  background-size: 100% 100%;
  margin-top: 4px;
  margin-left: 4px
}

.page-returnee .common-tab-box .box-title .city-wrap .city-list {
  position: absolute;
  left: 0;
  top: 28px;
  background: #fff;
  box-shadow: 0 7px 20px 0 rgba(0,0,0,.07);
  width: 400px;
  z-index: 10
}

.page-returnee .common-tab-box .box-title .city-wrap .city-item {
  height: 40px;
  width: 100px;
  float: left;
  font-size: 13px;
  color: #8d92a1;
  line-height: 40px;
  text-align: center
}

.page-returnee .common-tab-box .box-title .city-wrap .city-item:hover {
  color: #00c2b3;
  cursor: pointer
}

.page-returnee .common-tab-box .box-title .city-wrap .city-item.cur {
  color: #00c2b3;
  background: #f8f9fb;
  box-shadow: 0 0 0 0 rgba(0,0,0,.5)
}

.page-returnee .common-tab-box .box-title:after,.page-returnee .common-tab-box .box-title:before,.page-returnee .common-tab-box h3 span:after {
  display: none
}

.page-returnee .common-tab-box h3 {
  background: 0 0;
  padding-left: 0;
  height: auto;
  margin-bottom: 0
}

.page-returnee .common-tab-box h3 span {
  min-width: 84px;
  height: 34px;
  padding: 0 6px;
  line-height: 34px;
  background: #fff;
  border-radius: 6px;
  text-align: center;
  margin-right: 8px;
  color: #414a60;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 16px
}

.page-returnee .common-tab-box h3 span.cur {
  background: #5dd5c8;
  color: #fff;
  font-weight: 400
}

.page-returnee .common-tab-box {
  margin-top: 6px
}

.page-returnee .merge-city-company {
  margin-top: 50px
}

.page-returnee .center-banner {
  margin-top: 50px;
  height: 128px;
  background: url(https://img.bosszhipin.com/static/file/2022/fqu5oc98v91643185010001.png) center center no-repeat;
  background-size: contain
}

.page-returnee .article-container {
  margin-top: 40px
}

.page-returnee .article-container .tab-container {
  height: 50px;
  background: #fff
}

.page-returnee .article-container .tab-container .tab-box {
  text-align: center;
  line-height: 50px
}

.page-returnee .article-container .tab-container .tab-box a {
  position: relative;
  height: 50px;
  line-height: 50px;
  display: inline-block
}

.page-returnee .article-container .tab-container .tab-box a+a {
  margin-left: 70px
}

.page-returnee .article-container .tab-container .tab-box a.cur {
  color: #00c2b3;
  font-weight: 500;
  position: relative
}

.page-returnee .article-container .tab-container .tab-box a.cur:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background: #5dd5c8;
  left: 0;
  bottom: 1px
}

.page-returnee .list-news {
  margin-top: 10px;
  display: none
}

.page-returnee .list-news li {
  padding: 20px;
  background: #fff
}

.page-returnee .list-news li+li {
  margin-top: 10px
}

.page-returnee .list-news li:last-of-type {
  border-bottom: 0
}

.page-returnee .list-news .img-wrap {
  float: left;
  width: 284px;
  height: 156px;
  position: relative
}

.page-returnee .list-news .img-wrap img {
  display: block;
  width: 100%
}

.page-returnee .list-news .img-wrap .badge {
  position: absolute;
  width: 56px;
  height: 24px;
  padding-left: 5px;
  top: 12px;
  left: -5px;
  background: url(../images/sub-icons.png) 0 0 no-repeat;
  font-size: 12px;
  color: #fff;
  line-height: 20px
}

.page-returnee .list-news .img-wrap .badge-pay {
  background-position: 0 -151px;
  -webkit-transition: none;
  transition: none
}

.page-returnee .list-news .img-wrap .img {
  display: block;
  width: 284px;
  height: 156px;
  overflow: hidden;
  -webkit-transition: all ease-out .3s;
  transition: all ease-out .3s
}

.page-returnee .list-news .img-wrap .img img {
  -webkit-transition: all ease-out .3s;
  transition: all ease-out .3s
}

.page-returnee .list-news .img-wrap .img:hover img {
  -webkit-transform: scale(1.05,1.05);
  transform: scale(1.05,1.05)
}

.page-returnee .list-news .text {
  margin-left: 330px
}

.page-returnee .list-news .text-title {
  font-size: 20px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.page-returnee .list-news .summary {
  height: 75px;
  line-height: 25px;
  color: #666;
  padding: 20px 0 0;
  margin-bottom: 15px;
  overflow: hidden
}

.page-returnee .list-news .img-wrap .img {
  display: block;
  width: 284px;
  height: 156px;
  overflow: hidden;
  -webkit-transition: all ease-out .3s;
  transition: all ease-out .3s
}

.page-returnee .list-news .img-wrap .img img {
  -webkit-transition: all ease-out .3s;
  transition: all ease-out .3s
}

.page-returnee .list-news .img-wrap .img:hover img {
  -webkit-transform: scale(1.05,1.05);
  transform: scale(1.05,1.05)
}

.page-returnee .load-more {
  display: block;
  height: 60px;
  line-height: 60px;
  border: 1px #f0f0f0 solid;
  text-align: center;
  color: #bbb;
  font-size: 16px;
  margin: 0
}

.page-returnee .load-more:hover {
  background: #fafafa;
  color: #53cac3;
  text-decoration: none
}

.page-returnee .list-news:nth-child(1) {
  display: block
}

.page-returnee .slider-wrapper {
  position: absolute;
  right: 0;
  bottom: 35px;
  display: inline-block;
  width: 400px;
  height: 230px;
  overflow: hidden
}

.page-returnee .slider-item {
  position: absolute;
  width: 400px;
  height: 230px;
  left: 0;
  top: 0;
  display: none
}

.page-returnee .slider-item:nth-child(1) {
  display: block
}

.page-returnee .slider-item a,.page-returnee .slider-item a img {
  display: block;
  width: 100%;
  height: 100%
}

.page-returnee .slider-page {
  width: 100%;
  position: absolute;
  bottom: 8px;
  left: 0;
  text-align: center;
  z-index: 11;
  font-size: 0
}

.page-returnee .slider-page span {
  display: inline-block;
  width: 18px;
  height: 3px;
  background: #c1c0be;
  cursor: pointer
}

.page-returnee .slider-page span+span {
  margin-left: 8px
}

.page-returnee .slider-page span.cur,.page-returnee .slider-page span:hover {
  background: #5dd5c8
}

.page-returnee .column-search-panel.fixed .search-form .ipt-wrap {
  width: 795px
}

.page-returnee .search-panel-new.fixed .search-form .ipt-wrap {
  width: auto
}

.page-returnee .search-panel-new.fixed .search-form .ipt-search {
  width: 476px
}

.page-returnee .search-panel-new.fixed .city-sel {
  border: 1px solid #e3e7ed;
  border-right: none
}

.search-panel-new.fixed .search-box {
  width: 736px;
  margin: 0;
  float: left
}

.search-panel-new.fixed .search-box.is-login {
  width: 883px
}

.search-panel-new.fixed .search-box.is-login div.search-form-con {
  width: 613px
}

.search-panel-new.fixed div.search-form-con {
  width: 466px;
  box-shadow: none;
  border-right: none;
  border-radius: 0
}

.search-panel-new.column-search-panel.fixed .suggest-result,.search-panel-new.fixed .search-box.is-login .search-find-box {
  left: auto;
  width: 336px;
  right: 130px
}

.search-panel-new.fixed .search-box.is-login .search-find-box,.search-panel-new.fixed .search-box.is-login .suggest-result {
  left: auto;
  width: 483px;
  right: 130px
}

.search-panel-new.fixed .position-sel {
  border: 1px solid #e3e7ed;
  border-right: none
}

.search-panel-new.fixed .search-form .ipt-wrap {
  width: auto;
  border: 1px solid #e3e7ed;
  border-right: none;
  border-left: none
}

.search-panel-new.fixed .is-login .search-form .ipt-wrap {
  width: auto
}

.search-panel-new.fixed .overseas-recruit.is-login .search-form .ipt-search {
  width: 606px
}

.search-panel-new.fixed .ipt-search {
  width: 298px
}

.search-panel-new.fixed .is-login .search-form .ipt-search {
  width: 445px;
  padding: 10px 19px
}

.search-panel-new.fixed .btn-search {
  width: 130px
}

.search-panel-new.fixed .search-box-scan {
  display: block;
  animation: showSearchBox .35s linear both
}

.search-panel-new .search-box-scan {
  display: none;
  margin-top: 35px
}

.search-panel-new .fast-login-box {
  height: auto;
  background-color: #fff;
  display: none;
  position: absolute;
  width: 405px;
  height: 34px;
  padding: 5px 7px;
  box-sizing: border-box;
  left: 24px;
  top: 48px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgb(0 0 0 / 15%)
}

.search-panel-new .fast-login-box .yidun_intellisense--light .yidun_classic-container {
  top: 0;
  bottom: auto
}

.fast-register-box .step-form .yidun_intellisense--light .yidun_classic-container {
  top: 0;
  bottom: auto
}

.search-panel-new .search-login-form {
  display: none;
  position: relative;
  width: 336px;
  margin-left: 14px;
  float: left;
  padding-top: 25px;
  padding-right: 98px
}

.search-panel-new .search-login-form .fast-login-box .getcode-btn {
  display: none
}

.search-panel-new .search-login-form .fast-login-box {
  top: 96px;
  width: 320px;
  padding: 0;
  border-radius: 2px
}

.search-panel-new .search-login-form .fast-login-box .row-code {
  width: 320px
}

.search-panel-new .search-login-form .input-box {
  border: 1px solid #e3e7ed;
  box-sizing: border-box;
  float: left;
  background-color: #fff;
  position: relative
}

.search-panel-new .btn-search {
  background-color: #5dd5c8
}

.search-panel-new .btn-search:hover {
  background-color: #6adbcf
}

.search-panel-new .btn-map-search {
  position: absolute;
  top: 50%;
  right: 148px;
  margin-top: -12px;
  height: 24px;
  font-size: 16px;
  color: #333;
  z-index: 1;
  display: flex;
  align-items: center;
  transition: all .2s linear
}

.search-panel-new .btn-map-search:before {
  content: ' ';
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background: url(https://img.bosszhipin.com/static/file/2023/rnb8fa70bs1675773960493.png) 0 0/24px auto no-repeat
}

.search-panel-new .btn-map-search:hover {
  color: #00a6a7
}

.search-panel-new .btn-map-search:hover:before {
  background-position: 0 -24px
}

.search-panel-new .search-login-form .input-box+.input-box {
  margin-left: 4px
}

.search-panel-new .search-login-form .input-box:hover {
  border-color: #5dd5c8
}

.search-panel-new .search-login-form .input-box input {
  border: none;
  outline: 0;
  height: 20px;
  line-height: 20px;
  padding: 14px
}

.search-panel-new .search-login-form .input-box input.ipt-phone {
  width: 158px
}

.search-panel-new .search-login-form .input-box input.ipt-sms {
  width: 112px;
  padding: 14px;
  position: relative
}

.search-panel-new .search-login-form .input-box .code-box-show {
  color: #00c2b3;
  position: absolute;
  right: 14px;
  top: 14px;
  height: 20px;
  line-height: 20px;
  font-size: 13px
}

.search-panel-new .search-login-form .registe-btn {
  position: absolute;
  right: 0;
  top: 25px;
  min-width: auto;
  width: 94px;
  height: 48px;
  line-height: 48px;
  color: #00c2b3;
  font-size: 14px;
  border: 1px solid #5dd5c8;
  background-color: #fff;
  margin-left: 4px
}

.search-panel-new .search-box-scan .search-box-scan-container {
  top: -10px
}

.spring-holiday .fast-register-box.top-sign-box {
  background: #e03947
}

.spring-holiday .fast-register-box.top-sign-box .home-inner {
  background: #e03947 url(https://img.bosszhipin.com/static/file/2023/kdolr6oxr41673336568258.png) no-repeat top right/auto 70px;
  width: 1184px
}

.spring-holiday .fast-register-box.top-sign-box .home-inner:before {
  content: ' ';
  float: left;
  height: 120px;
  width: 110px;
  background: url(https://img.bosszhipin.com/static/file/2023/4js4ep68pk1673336179486.png) 0 0/auto 120px no-repeat
}

.spring-holiday .fast-register-box .step-form {
  margin-right: 78px;
  min-width: 410px
}

.spring-holiday .fast-register-box .input-box input {
  box-shadow: none
}

.spring-holiday .fast-register-box .registe-btn {
  background: #e03947
}

.spring-holiday .fast-register-box .btn-to-upload {
  margin: 0 auto 0 115px;
  border: none
}

.dialog-account-safe .dialog-title h3.title {
  display: none
}

.dialog-account-safe .dialog-container {
  border-radius: 4px;
  padding: 160px 40px 30px 40px;
  margin: -150px 0 0 -240px;
  border-radius: 12px;
  width: 400px
}

.dialog-account-safe .dialog-title .close {
  z-index: 2
}

.dialog-account-safe .dialog-title .close:hover {
  background: 0 0;
  opacity: .8
}

.dialog-account-safe .dialog-container:before {
  content: ' ';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  height: 188px;
  background: linear-gradient(180deg,#d1e8ff 0,#fff 100%);
  border-radius: 12px 12px 0 0
}

.dialog-account-safe .security-thumb-image {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 160px;
  width: 480px;
  z-index: 1
}

.dialog-account-safe .dialog-con h3 {
  font-size: 18px;
  font-weight: 500;
  color: #222;
  line-height: 25px;
  min-height: 25px;
  text-align: center
}

.dialog-account-safe .dialog-con p {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  margin-top: 12px;
  min-height: 24px;
  text-align: center;
  word-break: break-all
}

.dialog-account-safe .dialog-footer {
  margin-top: 20px;
  text-align: center
}

.dialog-account-safe .dialog-footer .btns .btn-sure {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 180px;
  padding: 10px 0;
  text-align: center;
  background: #00bebd;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  height: 20px;
  line-height: 20px;
  transition: all .2s linear;
  border: none
}

.dialog-account-safe .dialog-footer .btns .btn-sure:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 8px;
  z-index: 1;
  width: 68px;
  height: 23px;
  background: url(https://img.bosszhipin.com/static/file/2022/jevk1jdude1656663924811.png) 0 -161px/460px auto no-repeat
}

.dialog-account-safe .dialog-footer .btns .btn-sure:hover {
  opacity: .8
}

.home-job-menu {
  color: #666;
  position: relative;
  z-index: 1002;
  background: #fff;
  border-radius: 12px;
  padding: 6px 0 0 0
}

.home-job-menu .job-menu-wrapper {
  height: 289px;
  padding: 0 3px;
  overflow: hidden
}

.promotion-four .home-job-menu .job-menu-wrapper {
  height: 409px
}

.promotion-four .home-job-menu .menu-sub {
  height: 434px
}

.promotion-five .home-job-menu .job-menu-wrapper {
  height: 489px
}

.promotion-five .home-job-menu .menu-sub {
  height: 514px
}

.promotion-six .home-job-menu .job-menu-wrapper {
  height: 569px
}

.promotion-six .home-job-menu .menu-sub {
  height: 594px
}

.promotion-seven .home-job-menu .job-menu-wrapper {
  height: 689px
}

.promotion-seven .home-job-menu .menu-sub {
  height: 714px
}

.home-job-menu dl.hide {
  display: none
}

.home-job-menu dd b {
  float: left;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px
}

.home-job-menu dd i {
  float: right;
  width: 4px;
  height: 7px;
  margin-top: 7px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.home-job-menu dd i:before {
  content: none
}

.home-job-menu dl {
  height: 22px;
  transition: all .2s linear;
  border-radius: 8px;
  padding: 9px 17px
}

.home-job-menu dl:hover {
  box-shadow: 0 4px 16px 0 rgba(153,153,153,.2)
}

.home-job-menu dl:hover dd i {
  background-position: -6px -8px
}

.home-job-menu dd {
  position: relative;
  height: 22px;
  line-height: 22px;
  overflow: hidden
}

.home-job-menu a {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  height: 22px;
  line-height: 22px;
  margin-left: 20px
}

.home-job-menu a:hover {
  color: #00a6a7;
  font-weight: 500
}

.home-job-menu .job-menu-page {
  position: relative;
  height: 44px;
  padding: 0 20px;
  border-top: 1px dashed #e6e6e6;
  overflow: hidden
}

.home-job-menu .menu-page-info {
  float: left;
  font-size: 14px;
  font-weight: 500;
  color: #00a6a7;
  line-height: 20px;
  margin-top: 12px
}

.home-job-menu .menu-page-controller {
  float: right;
  margin-top: 10px
}

.home-job-menu .menu-page-btn {
  float: left;
  width: 24px;
  height: 24px;
  background: rgba(0,190,189,.1);
  border-radius: 6px;
  color: #00bebd;
  transition: all .2s linear;
  margin-left: 12px;
  text-align: center;
  line-height: 24px;
  cursor: pointer
}

.home-job-menu .menu-page-btn i {
  display: block;
  width: 5px;
  height: 8px;
  margin: 8px auto 0;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -5px 0/10px auto no-repeat
}

.home-job-menu .menu-page-btn.menu-page-prev {
  transform: rotate(180deg)
}

.home-job-menu .menu-page-btn i:before {
  content: none
}

.home-job-menu .menu-page-btn:hover {
  background: rgba(0,190,189,1);
  color: #fff
}

.home-job-menu .menu-page-btn:hover i {
  background-position: 0 0
}

.home-job-menu dl:hover .menu-sub {
  display: block
}

.home-job-menu dl:hover:before {
  content: ' ';
  position: absolute;
  top: 0;
  bottom: 0;
  right: -5px;
  width: 12px;
  z-index: 1
}

.home-job-menu .menu-sub {
  display: none;
  position: absolute;
  top: 0;
  left: 388px;
  padding: 16px 8px 10px 16px;
  margin-top: 0;
  width: 772px;
  height: 314px;
  overflow: overlay;
  overflow: auto;
  z-index: 1;
  background: #fff;
  box-shadow: 0 10px 40px 0 rgba(153,153,153,.2);
  border-radius: 12px;
  border: 1px solid #ebeef5
}

.home-job-menu .menu-sub .menu-article {
  font-size: 16px;
  font-weight: 500;
  color: #12141a;
  line-height: 22px;
  height: auto;
  padding-left: 0;
  margin-bottom: 4px
}

.home-job-menu .menu-sub h4 {
  float: left;
  width: 118px;
  padding-top: 12px;
  margin: 0;
  padding-left: 0;
  font-size: 13px;
  font-weight: 400;
  color: #666;
  line-height: 18px
}

.home-job-menu .menu-sub .text {
  margin-left: 124px;
  border-bottom: solid 1px #f0f3fa;
  padding: 6px 0
}

.home-job-menu .menu-sub .text a {
  margin-left: 0;
  margin-right: 20px;
  margin-bottom: 6px;
  margin-top: 6px;
  color: #222;
  font-size: 13px;
  height: 18px;
  line-height: 18px
}

.home-job-menu .menu-sub .text a:hover {
  color: #00a6a7;
  font-weight: 500
}

.home-job-menu .menu-sub li+li {
  padding-top: 0
}

.menu-sub h4 i {
  position: relative;
  top: 2px
}

.menu-sub ul li:last-of-type .text {
  border: none
}

.menu-all {
  padding: 0;
  width: 829px
}

.menu-all .sub-tab {
  width: 212px;
  float: left;
  background: #fdfdfe;
  border-right: 1px #d1d4db solid
}

.menu-all .sub-tab li {
  height: 104px;
  line-height: 104px;
  border-top: 1px #fdfdfe solid;
  border-bottom: 1px #fdfdfe solid;
  font-size: 18px;
  padding-top: 0;
  padding-left: 42px;
  cursor: pointer
}

.menu-all .sub-tab li.cur {
  border-top-color: #d1d4db;
  border-bottom-color: #d1d4db;
  background: #fff;
  color: #18c3b1;
  position: relative;
  padding-right: 1px;
  margin-right: -1px
}

.menu-all .sub-content {
  margin-left: 212px;
  width: 616px;
  overflow: auto
}

.menu-all .sub-content ul {
  overflow: hidden;
  display: none;
  padding-top: 20px
}

.menu-all .sub-content ul.show {
  display: block
}

.menu-all .sub-content li h4 {
  float: none;
  padding-top: 0;
  width: auto;
  text-align: left;
  margin-left: 15px
}

.menu-all .sub-content li {
  padding: 0 45px 10px
}

.menu-all .sub-content li .text {
  margin-left: 0;
  margin-top: 0
}

#side-bar-box {
  position: fixed;
  bottom: 40px;
  right: 24px;
  z-index: 1004
}

.side-bar-wrapper .back-top {
  display: none;
  width: 44px;
  height: 24px;
  padding: 10px 0;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,.06)
}

.side-bar-wrapper .back-top.show {
  display: block
}

.side-bar-wrapper .back-top:before {
  content: ' ';
  display: block;
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background: url(https://img.bosszhipin.com/static/file/2022/9iumhezupm1651820282511.png) -312px 0/auto 24px no-repeat
}

.side-bar-wrapper .back-top:hover:before {
  background-position: -72px 0
}

.side-bar-wrapper .side-bar-bottom,.side-bar-wrapper .side-bar-top {
  margin-top: 12px;
  padding: 6px 0;
  width: 44px;
  background: #fff;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,.06);
  border-radius: 22px
}

.side-bar-wrapper>ul>li {
  position: relative;
  height: 24px;
  width: 44px;
  padding: 6px 0
}

.side-bar-wrapper>ul>li .side-popper {
  display: none;
  position: absolute;
  top: 50%;
  right: 48px;
  margin-top: -11px;
  white-space: nowrap;
  background: #707070;
  border-radius: 4px;
  padding: 2px 7px;
  font-size: 13px;
  font-weight: 400;
  color: #fbfbfb;
  line-height: 18px
}

.side-bar-wrapper>ul>li.side-feedback {
  height: auto;
  cursor: pointer
}

.side-bar-wrapper>ul>li .side-attr {
  display: block;
  font-size: 12px;
  color: #666;
  line-height: 17px;
  margin-top: 6px;
  text-align: center;
  transition: all .2s linear
}

.side-bar-wrapper>ul>li:hover .side-attr {
  color: #00a6a7
}

.side-bar-wrapper>ul>li:hover .side-popper {
  display: block
}

.side-bar-wrapper>ul>li>a {
  display: block;
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background: url(https://img.bosszhipin.com/static/file/2022/9iumhezupm1651820282511.png) 0 0/auto 24px no-repeat;
  transition: none
}

.side-bar-wrapper ul>li.side-interest a {
  background-position: -264px 0
}

.side-bar-wrapper ul>li.side-interest.active a,.side-bar-wrapper ul>li.side-interest:hover a {
  background-position: -120px 0
}

.side-bar-wrapper ul>li.side-chat a {
  background-position: -360px 0
}

.side-bar-wrapper ul>li.side-chat.active a,.side-bar-wrapper ul>li.side-chat:hover a {
  background-position: -168px 0
}

.side-bar-wrapper ul>li.side-deliver a {
  background-position: -336px 0
}

.side-bar-wrapper ul>li.side-deliver.active a,.side-bar-wrapper ul>li.side-deliver:hover a {
  background-position: -48px 0
}

.side-bar-wrapper ul>li.side-interview a {
  background-position: -288px 0
}

.side-bar-wrapper ul>li.side-interview.active a,.side-bar-wrapper ul>li.side-interview:hover a {
  background-position: -144px 0
}

.side-bar-wrapper ul>li.side-service a {
  background-position: -240px 0
}

.side-bar-wrapper ul>li.side-service:hover a {
  background-position: -24px 0
}

.side-bar-wrapper ul>li.side-feedback a {
  background-position: -192px 0
}

.side-bar-wrapper ul>li.side-feedback:hover a {
  background-position: -96px 0
}

.side-bar-wrapper ul>li.side-other>a {
  background-position: -216px 0
}

.side-bar-wrapper ul>li.side-other:hover>a {
  background-position: 0 0
}

.side-bar-wrapper ul>li.side-other:hover .other-list {
  display: block
}

.side-bar-wrapper .other-list {
  display: none;
  position: absolute;
  top: 50%;
  right: 48px;
  margin-top: -20px;
  background: #fff;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,.06);
  border-radius: 12px;
  padding: 0 4px;
  white-space: nowrap;
  z-index: 1
}

.side-bar-wrapper .other-list:before {
  content: ' ';
  position: absolute;
  top: 0;
  bottom: 0;
  right: -4px;
  width: 4px;
  z-index: 1
}

.side-bar-wrapper .other-list li {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 20px;
  padding: 10px
}

.side-bar-wrapper .other-list li a {
  display: block;
  color: #333
}

.side-bar-wrapper .other-list li a:hover {
  color: #00a6a7
}

.side-bar-wrapper .other-list li a:hover .qrcode-layer {
  display: block
}

.side-bar-wrapper .other-list .qrcode-layer {
  bottom: 44px;
  right: 50%;
  top: auto;
  margin-right: -98px;
  text-align: center;
  font-size: 14px;
  border-radius: 4px;
  color: #666;
  overflow: hidden;
  font-size: 13px
}

.side-bar-wrapper .other-list .qrcode-layer img {
  margin: 0 auto
}

#side-bar-box .sider-title {
  position: relative;
  padding: 24px 16px 16px 16px;
  background: #fbfbfd;
  color: #12141a;
  font-size: 16px;
  line-height: 22px
}

#side-bar-box .sider-title:before {
  content: ' ';
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 0;
  height: 1px;
  background: #f5f5f5;
  z-index: 1
}

#side-bar-box .sider-title:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0
}

#side-bar-box .sider-title a {
  font-size: 14px;
  color: #00a6a7;
  float: right
}

#side-bar-box .sider-title a:hover {
  opacity: .8
}

#side-bar-box .opacity {
  opacity: .5
}

#side-bar-box .user-avatar {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  vertical-align: middle
}

#side-bar-box .sider-detail {
  position: fixed;
  top: 49px;
  bottom: 0;
  right: 0;
  background: #fbfbfd;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 0 8px 40px 0 rgba(153,153,153,.3);
  z-index: 9
}

#side-bar-box .sider-detail ul {
  background-color: #fff
}

#side-bar-box .sider-detail ul li {
  transition: all .2s linear
}

#side-bar-box .sider-detail ul li:hover {
  background: #f7f7f7
}

#side-bar-box .sider-detail .sider-template li a {
  padding: 20px 0 11px 0;
  display: block;
  margin: 0 20px;
  border-bottom: 1px dotted #f5f5f5
}

#side-bar-box .sider-detail ul li:last-child a {
  border: none
}

#side-bar-box .sider-detail ul li h4 {
  font-size: 14px;
  color: #222;
  line-height: 22px;
  height: 22px;
  white-space: nowrap
}

#side-bar-box .user-text {
  font-size: 13px;
  color: #666;
  padding-left: 8px;
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  vertical-align: middle
}

#side-bar-box .sider-position-title {
  width: 165px;
  line-height: 22px;
  height: 22px;
  overflow: hidden;
  display: inline-block
}

#side-bar-box .sider-position-title .title-text {
  max-width: 98px;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

#side-bar-box .sider-position-title .title-text.no-medium {
  max-width: 165px
}

#side-bar-box .sider-position-title .job-medium-icon {
  height: 16px;
  vertical-align: middle;
  margin-left: 10px
}

#side-bar-box .sider-degree {
  float: right;
  font-size: 16px;
  font-weight: 500;
  color: #fe574a;
  line-height: 22px
}

#side-bar-box .company-info {
  font-size: 13px;
  color: #999;
  padding: 8px 0;
  line-height: 18px
}

#side-bar-box .siderbar-more {
  display: block;
  font-size: 12px;
  color: #999;
  text-align: center;
  padding-top: 18px
}

#side-bar-box .interview-time {
  height: 40px;
  padding-left: 20px;
  background: #fbfbfd;
  font-size: 14px;
  color: #222;
  line-height: 40px
}

#side-bar-box .interview-time span {
  font-size: 12px;
  color: #999;
  padding-left: 10px
}

#side-bar-box .interview-info {
  display: block;
  font-size: 12px;
  color: #999;
  line-height: 24px;
  padding-top: 3px
}

#side-bar-box .interview-info span {
  color: #002c00
}

#side-bar-box .interview-user-info {
  padding-top: 14px
}

#side-bar-box .interview-user-info img {
  width: 28px;
  height: 28px;
  border-radius: 14px;
  vertical-align: middle
}

#side-bar-box .interview-user-info .user-text {
  display: inline-block;
  width: 100px;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis
}

#side-bar-box .interview-list li .sub-title .interview-status {
  float: right;
  color: #fd7240
}

#side-bar-box .interview-list li .sub-title .company-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

#side-bar-box .interview-user-info .btn {
  min-width: 46px;
  width: 46px;
  height: 24px;
  font-size: 12px;
  line-height: 26px;
  color: #fff;
  outline: 1px solid #5dd5c8;
  border-color: transparent
}

#side-bar-box .interview-user-info .btns-sider-interview {
  display: none;
  vertical-align: top;
  float: right
}

#side-bar-box .sider-detail ul li:hover .btns-sider-interview {
  display: inline-block
}

#side-bar-box .interview-user-info .btn.btn-cancel {
  background-color: #fff;
  color: #5dd5c8;
  margin-right: 4px
}

#side-bar-box .interview-user-info .btn.btn-cancel:hover {
  border-color: #5dd5c8
}

#side-bar-box .not-have {
  display: block;
  margin: 0 auto;
  background: url(https://img.bosszhipin.com/static/file/2022/pooxhxtvvc1653361386961.png) no-repeat center;
  width: 200px;
  height: 120px;
  background-size: 200px 120px
}

#side-bar-box .not-login {
  display: block;
  margin: 0 auto;
  background: url(https://img.bosszhipin.com/static/file/2022/pooxhxtvvc1653361386961.png) no-repeat center;
  width: 200px;
  height: 120px;
  background-size: 200px 120px
}

#side-bar-box .sider-error-tip {
  width: 100%;
  height: 228px
}

#side-bar-box .sider-error-tip p {
  color: #666;
  font-size: 14px
}

#side-bar-box .sider-template button {
  width: 68px;
  height: 26px;
  min-width: 68px;
  line-height: 26px;
  font-size: 12px;
  float: right;
  display: none
}

#side-bar-box .sider-detail ul li:hover button {
  display: block
}

#side-bar-box .interview-container {
  margin: 0 20px;
  padding: 20px 0;
  border-bottom: 1px dotted #e3e7ed
}

#side-bar-box .interview-list li:last-child .interview-container {
  border: none
}

#side-bar-box .sider-load {
  text-align: center;
  height: 50px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0
}

#side-bar-box .sider-load i {
  display: block;
  width: 310px;
  height: 29px;
  background: url(https://img.bosszhipin.com/static/file/2022/aue6ylox6q1653361437125.gif) no-repeat center;
  background-size: 29px 29px
}

#side-bar-box .sider-load p {
  padding-top: 20px;
  font-size: 15px;
  color: #9fa3b0
}

#side-bar-box .sider-index {
  width: 40px;
  height: 100%;
  float: left;
  position: relative;
  transition: .2s width
}

#side-bar-box .btn-sider-more {
  width: 138px;
  font-size: 14px
}

.home-body-wrapper {
  background: #f2f4f7
}

.home-body-wrapper.fixed-header {
  padding-top: 49px
}

.home-body-wrapper.fixed-header #header {
  position: fixed;
  top: 0;
  left: 0
}

.home-body-wrapper:before {
  content: ' ';
  position: absolute;
  top: 49px;
  left: 0;
  right: 0;
  height: 614px;
  background: linear-gradient(180deg,#00bebd 0,#88fffe 50%,#fff 100%);
  opacity: .1;
  z-index: -1
}

.home-body-wrapper.activity-common-viewer:before {
  position: fixed;
  background: url(https://img.bosszhipin.com/static/file/2022/8owuwvjn311657021918214.jpg) center top/cover no-repeat;
  opacity: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto
}

.home-body-wrapper.activity-common-viewer #wrap:before {
  content: ' ';
  position: fixed;
  bottom: 0;
  width: 500px;
  height: 262px;
  background: url(https://img.bosszhipin.com/static/file/2022/kbl1fcmiig1657009498199.png) center top/auto 100% no-repeat;
  left: 50%;
  margin-left: -1092px;
  z-index: -1
}

.home-body-wrapper.activity-common-viewer #wrap:after {
  content: ' ';
  position: fixed;
  bottom: 0;
  width: 500px;
  height: 362px;
  background: url(https://img.bosszhipin.com/static/file/2022/3yw2vbys711657009497859.png) center top/auto 100% no-repeat;
  right: 50%;
  margin-right: -1092px;
  z-index: -1
}

.home-body-wrapper .job-menu {
  border-radius: 12px
}

.home-body-wrapper .job-menu>dl:first-child {
  border-radius: 12px 0 0 0
}

.home-body-wrapper .job-menu .all-box dl:last-child {
  border-radius: 0 0 0 12px
}

.home-body-wrapper .menu-sub {
  border-radius: 12px
}

.home-body-wrapper .home-main .slider-box {
  border-radius: 12px
}

.home-body-wrapper .promotion-main {
  margin: -2px -2px 2px
}

.home-body-wrapper .promotion-main img {
  display: block;
  width: 100%;
  height: auto
}

.home-body-wrapper .promotion-main td {
  padding: 0;
  border: 2px solid transparent
}

.promotion-main td a,.promotion-main td img {
  display: block!important
}

.home-body-wrapper .column-search-panel .logo a {
  background: url(https://img.bosszhipin.com/static/file/2022/j7q0pavksj1653361387451.png) 3px 7px/105px 19px no-repeat
}

.home-body-wrapper .column-search-panel .search-box {
  width: 900px;
  padding-top: 24px
}

.home-body-wrapper .column-search-panel.fixed {
  top: 49px
}

.home-body-wrapper .column-search-panel .logo {
  padding-top: 9px
}

.home-body-wrapper .column-search-panel.fixed .logo {
  display: none
}

.home-body-wrapper .column-search-panel.fixed .search-box {
  width: 780px
}

.home-body-wrapper .search-panel-new.fixed .ipt-search {
  width: 508px
}

.home-body-wrapper .search-panel-new.fixed div.search-form-con {
  left: 0;
  width: 660px;
  border-radius: 10px
}

.home-body-wrapper .search-panel-new .search-login-form {
  float: right;
  padding-right: 86px;
  width: auto;
  margin-left: 0;
  padding-top: 29px
}

.home-body-wrapper .search-panel-new .search-login-form .input-box {
  border: none
}

.home-body-wrapper .search-panel-new .search-login-form .input-box input {
  border: 1px solid #e6e6e6;
  transition: all .2s linear;
  border-radius: 8px
}

.home-body-wrapper .search-panel-new .search-login-form .input-box input:focus,.home-body-wrapper .search-panel-new .search-login-form .input-box input:hover {
  border-color: #00bebd
}

.home-body-wrapper .search-panel-new .search-login-form .input-box+.input-box {
  margin-left: 8px
}

.home-body-wrapper .search-panel-new .search-login-form .input-box input.ipt-phone {
  width: 130px
}

.home-body-wrapper .search-panel-new .search-login-form .input-box input.ipt-sms {
  width: 90px
}

.home-body-wrapper .search-panel-new .search-login-form .input-box .code-box-show {
  top: 12px;
  color: #00a6a7
}

.home-body-wrapper .search-panel-new .search-login-form .registe-btn {
  top: 28px;
  width: 76px;
  height: 42px;
  line-height: 42px;
  font-size: 13px;
  color: #00a6a7;
  border: 1px solid #00bebd;
  border-radius: 8px;
  transition: all .2s linear
}

.home-body-wrapper .search-panel-new .search-login-form .registe-btn:hover {
  background: rgba(0,190,189,.1)
}

.home-body-wrapper .search-panel-new .search-login-form .input-box input {
  padding: 11px 14px;
  border-radius: 8px
}

.home-body-wrapper .column-search-panel .search-form {
  box-shadow: 0 10px 30px 0 rgba(153,153,153,.2);
  border-radius: 10px
}

.home-body-wrapper .column-search-panel.fixed {
  box-shadow: 0 16px 40px 0 rgba(158,158,158,.2)
}

.home-body-wrapper .column-search-panel .position-sel {
  border-radius: 10px;
  border: none;
  padding: 11px 18px;
  width: 84px
}

.home-body-wrapper .column-search-panel .search-form-con {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 780px;
  background: #fff;
  border-radius: 10px;
  border: 2px solid #00bebd
}

.home-body-wrapper .search-panel-new .search-form-con {
  border-radius: 10px;
  box-shadow: none
}

.home-body-wrapper .column-search-panel .ipt-wrap {
  border-radius: 10px;
  height: 50px;
  border: none
}

.home-body-wrapper .column-search-panel .ipt-search {
  padding: 11px 18px
}

.home-body-wrapper .search-panel-new.fixed .is-login .search-form .ipt-search {
  padding: 11px 19px;
  width: 606px
}

.home-body-wrapper .column-search-panel .btn-search {
  width: 128px;
  background: #00bebd;
  border-radius: 0 10px 10px 0;
  font-size: 20px;
  height: 54px;
  line-height: 54px;
  font-weight: 700
}

.home-body-wrapper .column-search-panel .btn-search::before {
  content: '';
  width: 12px;
  height: 6px;
  display: inline-block
}

.home-body-wrapper .search-panel-new.fixed .position-sel,.home-body-wrapper .search-panel-new.fixed .search-form .ipt-wrap {
  border: none
}

.home-body-wrapper .search-form .position-sel-hover,.home-body-wrapper .search-form-con:hover .position-sel {
  border-color: transparent!important
}

.home-body-wrapper .position-sel b {
  color: #222
}

.home-body-wrapper .position-sel:hover b,.home-body-wrapper .show-position .search-form-con .position-sel b {
  color: #00a6a7
}

.home-body-wrapper .position-sel:hover i,.home-body-wrapper .show-position .search-form-con .position-sel i {
  background-position: -6px -8px
}

.home-body-wrapper .search-form .ipt-wrap-hover,.home-body-wrapper .search-form-con:hover .ipt-wrap {
  border-color: transparent!important
}

.home-body-wrapper .column-search-panel .position-box {
  top: 58px;
  left: 0
}

.home-body-wrapper .search-panel-new.fixed .search-box.is-login {
  width: 884px
}

.home-body-wrapper .column-search-panel.fixed .search-form {
  box-shadow: none;
  height: 54px
}

.home-body-wrapper .search-panel-new.fixed .search-box.is-login div.search-form-con {
  width: 764px;
  border-radius: 10px;
  left: 0
}

.home-body-wrapper .search-panel-new .search-box-scan {
  position: relative;
  text-align: left;
  height: 40px;
  line-height: 20px;
  margin-top: 32px;
  padding-left: 32px;
  font-weight: 500;
  line-height: 20px
}

.home-body-wrapper .search-box-scan .search-box-scan-icon {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -16px;
  z-index: 1;
  width: 22px;
  height: 32px;
  background: url(https://img.bosszhipin.com/static/file/2022/bh2amn80el1654691091224.png) 0 0/44px auto no-repeat;
  transition: none;
  margin-left: 0;
  margin-right: 0
}

.home-body-wrapper .search-box-scan:hover .search-box-scan-icon {
  background: url(https://img.bosszhipin.com/static/file/2022/bh2amn80el1654691091224.png) -22px 0/44px auto no-repeat
}

.home-body-wrapper .search-box-scan .search-box-scan-container {
  top: 50px;
  left: -104px
}

.home-body-wrapper .search-box-scan .search-box-scan-arrow {
  top: -4px;
  right: 60px;
  -webkit-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg)
}

.home-body-wrapper .column-search-panel.fixed .is-login .position-box {
  left: 0
}

.position-sel i {
  position: absolute;
  right: 8px;
  top: 15px;
  width: 16px;
  height: 16px
}

.home-body-wrapper .position-sel i {
  width: 4px;
  height: 7px;
  top: 20px;
  right: 14px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
  transform: rotate(90deg)
}

.home-body-wrapper .position-sel i:before {
  content: none
}

.home-body-wrapper .guide-download-app-v62 {
  box-shadow: 0 2px 10px 0 rgba(0,0,0,.08);
  border: none
}

.home-body-wrapper .guide-download-app-v62 .app-icon-v62 {
  width: 84px;
  height: 84px;
  margin: 12px auto 0
}

.home-body-wrapper .guide-download-app-v62 .app-icon-arrow {
  border-color: transparent;
  box-shadow: 0 2px 10px 0 rgba(0,0,0,.08);
  left: -4px
}

.home-body-wrapper .guide-download-app-v62:before {
  content: ' ';
  position: absolute;
  top: 16px;
  left: 0;
  width: 12px;
  height: 16px;
  z-index: 2;
  background: #fff
}

.home-body-wrapper .guide-download-app-v62 .app-icon-des-v62 {
  font-size: 12px;
  color: #00a6a7;
  line-height: 17px;
  margin-top: 8px
}

.home-body-wrapper .column-search-panel .suggest-result {
  left: 122px;
  top: 58px;
  width: 658px;
  padding: 4px 0;
  background: #fff;
  box-shadow: 0 4px 16px 0 rgba(0,0,0,.08);
  border-radius: 12px;
  overflow: hidden
}

.home-body-wrapper .column-search-panel .suggest-result ul {
  max-height: 408px
}

.home-body-wrapper .column-search-panel .suggest-result li {
  height: 40px;
  line-height: 40px;
  color: #333;
  font-size: 14px;
  padding: 0 16px;
  border: none;
  transition: all .2s linear
}

.home-body-wrapper .column-search-panel .suggest-result li.guess-like {
  display: block
}

.column-search-panel .suggest-result li.guess-like {
  display: none;
  height: 33px;
  line-height: 33px;
  font-size: 12px;
  color: #757575;
  cursor: default
}

.home-body-wrapper .column-search-panel .suggest-result li.guess-like:hover {
  background: 0 0
}

.home-body-wrapper .column-search-panel .suggest-result li.selected,.home-body-wrapper .column-search-panel .suggest-result li:hover {
  background: #f8f8f8
}

.home-body-wrapper .search-panel-new.column-search-panel.fixed .suggest-result,.home-body-wrapper .search-panel-new.fixed .search-box.is-login .search-find-box {
  width: 540px;
  right: 116px
}

.home-body-wrapper .search-panel-new.fixed .search-box.is-login .search-find-box,.home-body-wrapper .search-panel-new.fixed .search-box.is-login .suggest-result {
  width: 658px;
  right: 116px
}

.home-body-wrapper .search-box-scan {
  color: #00a6a7
}

.home-body-wrapper .fast-register-box .btn-to-upload {
  width: 130px;
  background: rgba(255,255,255,.8);
  border-radius: 8px;
  transition: all .2s linear;
  color: #00a6a7;
  font-size: 14px;
  border: none
}

.home-body-wrapper .fast-register-box .btn-to-upload:hover {
  background: #fff
}

.home-body-wrapper .fast-register-box .registe-btn {
  min-width: auto;
  width: 76px;
  border-radius: 8px;
  border: 1px solid #fff;
  background: 0 0;
  margin-left: 8px
}

.home-body-wrapper .fast-register-box .input-box input {
  font-size: 13px
}

.home-body-wrapper .fast-register-box .step-form {
  font-size: 0;
  display: none
}

.home-body-wrapper .fast-register-box .input-box input.ipt-phone {
  width: 140px;
  border-radius: 8px;
  background: rgba(255,255,255,.8)
}

.home-body-wrapper .fast-register-box .input-box input.ipt-sms {
  width: 100px;
  border-radius: 8px;
  background: rgba(255,255,255,.8);
  margin-left: 8px
}

.home-body-wrapper .fast-register-box .show-code-box {
  color: #00a6a7;
  font-size: 13px;
  background: 0 0
}

.home-body-wrapper .fast-register-box .code-form-box {
  font-size: 14px;
  width: 288px
}

.home-body-wrapper .top-sign-box .sign-form {
  width: 288px
}

.home-body-wrapper .top-sign-box .code-form-box:before {
  right: 80px
}

.home-body-wrapper .top-sign-box.fast-register-box .code-form-box .row-code {
  width: 288px
}

.home-body-wrapper .search-hot {
  color: #757575;
  font-size: 14px;
  padding: 16px 0 32px 0
}

.home-body-wrapper .search-hot b {
  margin-right: 12px
}

.home-body-wrapper .search-hot a {
  background: rgba(255,255,255,.8);
  border-radius: 6px;
  color: #00a6a7;
  font-size: 14px;
  line-height: 20px;
  padding: 2px 8px;
  margin-right: 12px
}

.home-body-wrapper .search-hot a:hover {
  color: #fcfcfd;
  background: #00bebd
}

.home-body-wrapper .merge-city-job-recommend h3 span {
  margin-right: 32px!important
}

.home-body-wrapper .dropdown-filter-geek-recommend {
  font-size: 14px;
  color: #666;
  margin-right: 67px
}

.home-body-wrapper .merge-city-job-recommend ul li {
  width: 384px;
  height: 136px;
  border-radius: 12px;
  overflow: hidden
}

.home-body-wrapper .merge-city-job-recommend li .sub-li {
  height: 136px;
  border-radius: 12px;
  padding: 0;
  overflow: hidden;
  transition: all .2s linear
}

.home-body-wrapper .merge-city-job-recommend li .sub-li:hover {
  box-shadow: 0 16px 40px 0 rgba(138,149,158,.2)
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .job-info {
  padding: 16px 20px;
  box-sizing: border-box
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .job-info:hover .name {
  color: #00a6a7
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .sub-li-top {
  margin-bottom: 12px
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .sub-li-top .name {
  color: #222;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  transition: all .2s linear
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .sub-li-top .guide-app-download-icon {
  width: 16px;
  height: 16px;
  background: url(https://img.bosszhipin.com/static/file/2022/tfguyqkgkb1651743005056.png) 0 -16px/16px auto no-repeat
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .sub-li-top .guide-app-download-icon:hover {
  background: url(https://img.bosszhipin.com/static/file/2022/tfguyqkgkb1651743005056.png) 0 0/16px auto no-repeat
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .sub-li-top .salary {
  font-size: 16px;
  font-weight: 500;
  color: #fe574a;
  line-height: 22px
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .sub-li-bottom {
  background: linear-gradient(90deg,#f5fcfc 0,#fcfbfa 100%);
  margin-top: 0;
  padding-top: 0;
  display: block;
  border: none
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .sub-li-bottom:hover p .name {
  color: #00a6a7
}

.home-body-wrapper .merge-city-job-recommend .sub-li-bottom a {
  height: 24px;
  display: block;
  padding: 12px 20px
}

.home-body-wrapper .merge-city-job-recommend .sub-li-bottom p {
  border: none;
  float: left;
  line-height: 24px;
  height: 24px
}

.home-body-wrapper .merge-city-job-recommend .sub-li-bottom .user-info img {
  width: 24px;
  height: 24px;
  margin-right: 0;
  vertical-align: middle;
  border: none
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .sub-li-bottom .name {
  display: inline-block;
  margin-left: 8px;
  font-size: 13px;
  height: 24px;
  line-height: 24px;
  color: #666;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  transition: all .2s linear
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .sub-li-bottom .sub-li-bottom-commany-place {
  float: right;
  font-size: 13px;
  color: #666;
  height: 24px;
  line-height: 24px
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .sub-li-bottom .sub-li-bottom-commany-place .job-card-location {
  display: none
}

.home-body-wrapper .merge-city-job-recommend li .sub-li .sub-li-bottom .sub-li-bottom-commany-place i {
  vertical-align: middle
}

.home-body-wrapper .merge-city-job-recommend li a.job-info p.job-text {
  line-height: normal
}

.home-body-wrapper .merge-city-job-recommend .job-info .job-text span {
  display: inline-block;
  height: 18px;
  font-size: 13px;
  font-weight: 400;
  color: #666;
  line-height: 18px;
  padding: 2px 10px;
  border-radius: 4px;
  background: #f8f8f8
}

.home-body-wrapper .merge-city-job-recommend .job-info .job-text span+span {
  margin-left: 8px
}

.home-body-wrapper .common-tab-box {
  margin-top: 64px
}

.home-body-wrapper .common-tab-box .box-title {
  font-size: 32px;
  font-weight: 600;
  color: #222;
  line-height: 45px;
  margin-bottom: 12px
}

.home-body-wrapper .common-tab-more {
  margin-top: 8px
}

.home-body-wrapper .job-daizhao-icon,.home-body-wrapper .job-paiqian-icon {
  margin-right: 4px
}

.home-body-wrapper .common-tab-box h3 {
  background: 0 0;
  margin-bottom: 20px;
  margin-right: -67px;
  position: relative
}

.home-body-wrapper .common-tab-box h3:before {
  content: ' ';
  height: 1px;
  background: #e6e6e6;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1
}

.home-body-wrapper .common-tab-box h3 span {
  color: #666;
  margin-right: 67px;
  font-size: 16px;
  transition: all .2s linear
}

.home-body-wrapper .common-tab-box h3 span:hover {
  color: #00bebd
}

.home-body-wrapper .common-tab-box h3 span.cur {
  font-weight: 600;
  color: #00a6a7
}

.home-body-wrapper .common-tab-box h3 span.cur:after {
  width: 28px;
  height: 3px;
  background: linear-gradient(90deg,#16d9d8 0,#00bebd 100%);
  border-radius: 2px;
  left: 50%;
  bottom: -1px;
  margin-left: -14px;
  z-index: 2
}

.home-body-wrapper .position-box .select-tree {
  border-radius: 8px;
  box-shadow: 0 4px 16px 0 rgba(0,0,0,.08)
}

.home-body-wrapper .position-box .select-tree ul {
  border: none;
  padding: 4px 8px;
  max-height: 286px;
  height: 286px;
  width: 145px;
  border-right: 1px solid #ededed;
  border-radius: 8px
}

.home-body-wrapper .position-box .select-tree ul.tree-3 {
  height: 286px
}

.home-body-wrapper .position-box .select-tree.tree-2-show .tree-1 {
  border-radius: 8px 0 0 8px
}

.home-body-wrapper .position-box .select-tree.tree-2-show .tree-2 {
  border-radius: 0 8px 8px 0
}

.home-body-wrapper .position-box .select-tree.tree-3-show .tree-2 {
  border-radius: 0
}

.home-body-wrapper .position-box .select-tree ul.tree-3 {
  border-radius: 0 8px 8px 0
}

.home-body-wrapper .position-box .select-tree ul.tree-2 {
  display: none
}

.home-body-wrapper .position-box .select-tree ul:last-child {
  border-right: none
}

.home-body-wrapper .position-box .select-tree li {
  position: relative;
  line-height: 36px;
  color: #333;
  font-size: 14px;
  transition: all .2s linear;
  padding: 0 16px 0 8px;
  border-radius: 4px
}

.home-body-wrapper .position-box .select-tree li:after {
  content: '';
  position: absolute;
  right: 8px;
  width: 4px;
  height: 7px;
  top: 14px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.home-body-wrapper .position-box .select-tree ul.tree-1 li:first-child:after,.home-body-wrapper .position-box .select-tree ul:last-child li:after {
  content: none
}

.home-body-wrapper .position-box .select-tree li.selected,.home-body-wrapper .position-box .select-tree li:hover {
  background: #f8f8f8;
  color: #00a6a7;
  font-weight: 500
}

.home-body-wrapper .position-box .select-tree li.selected:after,.home-body-wrapper .position-box .select-tree li:hover:after {
  background-position: -6px -8px
}

.home-body-wrapper .hot-job-box ul li {
  width: 384px;
  height: 136px;
  border-radius: 12px;
  overflow: hidden
}

.home-body-wrapper .hot-job-box li .sub-li {
  height: 136px;
  border-radius: 12px;
  padding: 0;
  overflow: hidden;
  transition: all .2s linear
}

.home-body-wrapper .hot-job-box li .sub-li:hover {
  box-shadow: 0 16px 40px 0 rgba(138,149,158,.2)
}

.home-body-wrapper .hot-job-box li .sub-li .job-info {
  padding: 16px 20px;
  box-sizing: border-box
}

.home-body-wrapper .hot-job-box li .sub-li .job-info:hover .name {
  color: #00a6a7
}

.home-body-wrapper .hot-job-box li .sub-li .sub-li-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  height: 22px;
  overflow: hidden;
  flex: 1
}

.home-body-wrapper .hot-job-box li .sub-li .sub-li-info .boss-online-tag {
  display: inline-block;
  position: relative;
  height: 20px;
  background: #d8f9e5;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #1dc165;
  line-height: 20px;
  padding: 0 6px 0 16px;
  margin-left: 8px
}

.home-body-wrapper .hot-job-box li .sub-li .sub-li-info .boss-online-tag:before {
  content: ' ';
  position: absolute;
  width: 5px;
  height: 5px;
  top: 7px;
  left: 6px;
  border-radius: 100%;
  background: #45d283
}

.home-body-wrapper .hot-job-box li .sub-li .sub-li-top .salary {
  font-size: 16px;
  font-weight: 500;
  color: #fe574a;
  line-height: 22px;
  flex: none
}

.home-body-wrapper .hot-job-box li .sub-li .sub-li-top .name {
  color: #222;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  transition: all .2s linear
}

.home-body-wrapper .common-tab-box .sub-li:hover .job-info .name {
  color: #222
}

.home-body-wrapper .hot-job-box li .sub-li .sub-li-top {
  margin-bottom: 12px
}

.home-body-wrapper .hot-job-box li a.job-info p.job-text {
  white-space: normal;
  padding-right: 0;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  word-break: break-all;
  max-width: none
}

.home-body-wrapper .hot-job-box .job-info .job-text span {
  display: inline-block;
  height: 18px;
  font-size: 13px;
  font-weight: 400;
  color: #666;
  line-height: 18px;
  padding: 2px 10px;
  border-radius: 4px;
  background: #f8f8f8
}

.home-body-wrapper .hot-job-box .job-info .job-text span+span {
  margin-left: 8px
}

.home-body-wrapper .hot-job-box li .sub-li .sub-li-bottom {
  background: linear-gradient(90deg,#f5fcfc 0,#fcfbfa 100%);
  margin-top: 0;
  padding-top: 0;
  display: block;
  border: none
}

.home-body-wrapper .hot-job-box li .sub-li .sub-li-bottom:hover .name {
  color: #00a6a7
}

.home-body-wrapper .hot-job-box .sub-li-bottom a {
  height: 24px;
  display: block;
  padding: 12px 20px
}

.home-body-wrapper .hot-job-box .sub-li-bottom p {
  border: none;
  float: left;
  line-height: 24px;
  height: 24px
}

.home-body-wrapper .hot-job-box .sub-li-bottom a.user-info img {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  border-radius: 2px
}

.home-body-wrapper .hot-job-box li .sub-li .sub-li-bottom .name {
  display: inline-block;
  margin-left: 8px;
  font-size: 13px;
  height: 24px;
  line-height: 24px;
  color: #666;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  transition: all .2s linear
}

.home-body-wrapper .hot-job-box li .sub-li .sub-li-bottom .sub-li-bottom-commany-info {
  float: right;
  font-size: 13px;
  color: #666;
  height: 24px;
  line-height: 24px
}

.home-body-wrapper .hot-job-box li .sub-li .sub-li-top .guide-app-download-icon {
  width: 16px;
  height: 16px;
  background: url(https://img.bosszhipin.com/static/file/2022/tfguyqkgkb1651743005056.png) 0 -16px/16px auto no-repeat
}

.home-body-wrapper .hot-job-box li .sub-li .sub-li-top .guide-app-download-icon:hover {
  background: url(https://img.bosszhipin.com/static/file/2022/tfguyqkgkb1651743005056.png) 0 0/16px auto no-repeat
}

.home-body-wrapper .common-tab-box .box-title:after,.home-body-wrapper .common-tab-box .box-title:before {
  content: none
}

.home-body-wrapper .common-tab-more .btn {
  width: 184px;
  text-align: center;
  background: rgba(0,190,189,.1);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #00a6a7;
  height: 40px;
  line-height: 40px;
  border: none
}

.home-body-wrapper .common-tab-more .btn:hover {
  background: #00bebd;
  color: #fff;
  border-color: #00bebd
}

.hot-company-wrapper {
  margin-top: 64px
}

.hot-company-wrapper .box-title {
  font-size: 32px;
  font-weight: 600;
  color: #222;
  line-height: 45px;
  margin-bottom: 24px;
  text-align: center
}

.hot-company-wrapper ul {
  margin-right: -16px;
  overflow: hidden
}

.hot-company-wrapper ul li {
  height: 388px;
  width: 384px;
  float: left;
  margin: 0 16px 16px 0;
  background: #fff;
  border-radius: 12px;
  overflow: hidden
}

.hot-company-wrapper ul li .company-info-top {
  display: block;
  height: 44px;
  padding: 16px 20px;
  overflow: hidden;
  background: linear-gradient(90deg,#f2fafa 0,#fcfbfa 100%)
}

.hot-company-wrapper ul li .company-info-top:hover h3 {
  color: #00a6a7
}

.hot-company-wrapper ul li .company-info-top h3 {
  height: 22px;
  font-size: 16px;
  font-weight: 400;
  color: #222;
  line-height: 22px;
  margin: 0 0 4px 0;
  padding: 0;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.hot-company-wrapper ul li .company-info-top p {
  height: 18px;
  font-size: 13px;
  font-weight: 400;
  color: #999;
  line-height: 18px
}

.hot-company-wrapper ul li .company-info-top .company-info {
  float: left;
  margin-left: 16px;
  width: 282px
}

.hot-company-wrapper ul li .company-info-top .company-img {
  height: 44px;
  width: 44px;
  line-height: 44px;
  overflow: hidden;
  float: left;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center
}

.hot-company-wrapper ul li .company-info-top .company-img img {
  max-width: 100%;
  min-height: 100%;
  display: block;
  border-radius: 4px
}

.hot-company-wrapper li .company-job-list {
  padding: 4px 20px 12px
}

.hot-company-wrapper li .company-job-item {
  display: block;
  height: auto;
  width: 344px;
  font-size: 0;
  padding: 12px 0;
  box-sizing: border-box;
  margin: 0
}

.hot-company-wrapper li .company-job-item .job-info-top {
  display: flex;
  width: 100%;
  align-items: center;
  margin-bottom: 12px
}

.hot-company-wrapper li .company-job-item .job-info {
  display: block;
  padding: 0;
  width: 100%
}

.hot-company-wrapper li .company-job-item .job-info:hover .name {
  color: #00a6a7
}

.hot-company-wrapper li .company-job-item .guide-app-download-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(https://img.bosszhipin.com/static/file/2022/tfguyqkgkb1651743005056.png) 0 -16px/16px auto no-repeat
}

.hot-company-wrapper li .company-job-item .guide-app-download-icon:hover {
  background: url(https://img.bosszhipin.com/static/file/2022/tfguyqkgkb1651743005056.png) 0 0/16px auto no-repeat
}

.hot-company-wrapper li .company-job-item .job-info .name {
  position: relative;
  max-width: 200px;
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  margin-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all linear .2s
}

.hot-company-wrapper li .company-job-item .job-info .name .job-medium-icon {
  height: 16px;
  vertical-align: middle;
  margin-left: 8px;
  position: relative;
  top: -1px
}

.hot-company-wrapper li .company-job-item .job-info .salary {
  font-size: 16px;
  color: #fe574a;
  line-height: 22px;
  flex: 1;
  text-align: right;
  max-width: none;
  font-weight: 500
}

.hot-company-wrapper li .company-job-item .job-text {
  font-size: 13px;
  color: #666;
  padding-right: 0;
  line-height: normal;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.hot-company-wrapper li .company-job-item .job-text span {
  display: inline-block;
  height: 18px;
  font-size: 13px;
  font-weight: 400;
  color: #666;
  line-height: 18px;
  padding: 2px 10px;
  border-radius: 4px;
  background: #f8f8f8
}

.hot-company-wrapper li .company-job-item .job-text span+span {
  margin-left: 8px
}

.hot-company-wrapper ul li .company-job-list {
  display: block
}

.hot-company-wrapper ul li .more-job-btn {
  display: block;
  margin: 0 auto;
  width: 122px;
  height: 30px;
  line-height: 30px;
  border-radius: 8px;
  text-align: center;
  border: 1px solid rgba(0,190,189,.6);
  font-size: 14px;
  font-weight: 400;
  color: #00a6a7;
  transition: all .2s linear
}

.hot-company-wrapper ul li .more-job-btn:hover {
  color: #fff;
  background-color: #00bebd;
  border-color: #00bebd
}

.hot-city-box {
  margin-top: 64px;
  margin-bottom: 21px;
  overflow: visible
}

.hot-city-box h3 {
  font-size: 26px;
  font-weight: 600;
  color: #222;
  line-height: 37px;
  text-align: center;
  margin-bottom: 24px
}

.hot-city-box ul a {
  border-radius: 8px;
  overflow: hidden
}

.hot-city-box .model {
  display: block;
  opacity: 0;
  transition: all .2s linear
}

.hot-city-box a:hover .model {
  opacity: 1
}

.hot-city-box .slider-city-wrapper {
  position: relative
}

.hot-city-box .slider-city {
  border-radius: 8px
}

.hot-city-box .city-page-btn {
  width: 30px;
  height: 56px;
  background: #fff;
  border-radius: 15px;
  top: 50%;
  margin-top: -28px;
  color: #848899;
  transition: all .2s linear
}

.hot-city-box .city-page-btn i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3px;
  margin-top: -4px;
  width: 5px;
  height: 9px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) 0 -16px/10px auto no-repeat
}

.hot-city-box .city-page-btn.next i {
  transform: rotate(180deg);
  margin-left: -2px
}

.hot-city-box .city-page-btn:hover i {
  background-position: 0 -8px
}

.hot-city-box .city-page-btn i:before {
  content: none
}

.hot-city-box .city-page-btn:hover {
  background: #00bebd;
  color: #fff
}

.hot-city-box .city-page-btn.prev {
  left: -38px
}

.hot-city-box .city-page-btn.next {
  right: -38px
}

.home-body-wrapper #footer {
  background: #313438;
  color: rgba(255,255,255,.5)
}

.home-body-wrapper .footer-about dl dt {
  color: rgba(255,255,255,.8)
}

.home-body-wrapper .footer-about dl dd a,.home-body-wrapper .footer-about dl dd p {
  color: rgba(255,255,255,.5)
}

.home-body-wrapper .copyright a {
  color: rgba(255,255,255,.5)
}

.home-body-wrapper .copyright a:hover,.home-body-wrapper .footer-about dl dd a:hover {
  color: #00bebd
}

.home-body-wrapper #footer .icon-app,.home-body-wrapper #footer .icon-client-app,.home-body-wrapper #footer .icon-weibo,.home-body-wrapper #footer .icon-weixin {
  border: none;
  background-color: rgba(255,255,255,.1)
}

.home-body-wrapper .links-friends-wrapper {
  background: #313438;
  border-top: 1px solid #46494c;
  padding: 7px 0 6px 0
}

.home-body-wrapper .links-friends-wrapper .links .links-item a {
  color: rgba(255,255,255,.5)
}

.home-body-wrapper .links-friends-wrapper .links .links-item a:hover {
  color: #00bebd
}

.home-body-wrapper .links-friends-wrapper .links {
  margin: 0 auto
}

.home-body-wrapper .links-friends-wrapper .links label,.home-body-wrapper .links-friends-wrapper .links label:hover {
  color: rgba(255,255,255,.5)
}

.home-body-wrapper .links-friends-wrapper .links .links-item {
  margin-bottom: 12px
}

.home-body-wrapper .links-friends dt {
  color: rgba(255,255,255,.5)
}

.home-body-wrapper .home-city-dialog .dialog-container {
  width: 574px;
  border-radius: 12px
}

.home-body-wrapper .home-city-dialog .dialog-con .title {
  background: url(https://img.bosszhipin.com/static/file/2022/h2jks07fg11658717172935.png) 0 0/574px 160px no-repeat,linear-gradient(180deg,#00bebd 0,#fff 100%);
  height: 145px
}

.home-body-wrapper .home-city-dialog .dialog-con .title-main {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  line-height: 33px;
  margin-top: 40px;
  margin-left: 6px
}

.home-body-wrapper .home-city-dialog .dialog-con .title-main:after {
  content: '切换城市分站，让我们为您提供更准确的信息';
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  line-height: 22px;
  margin-top: 10px
}

.home-body-wrapper .home-city-dialog .title-sub {
  display: none
}

.home-body-wrapper .home-city-dialog .dialog-con {
  position: relative;
  height: 100%
}

.home-body-wrapper .home-city-dialog .dialog-con:after,.home-body-wrapper .home-city-dialog .dialog-con:before {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30px;
  border-radius: 0 0 12px 12px;
  background: #fff;
  z-index: 1
}

.home-body-wrapper .home-city-dialog .dialog-con:before {
  bottom: 30px;
  background: linear-gradient(180deg,transparent 0,#fff 40%,#fff 100%);
  border-radius: 0
}

.home-body-wrapper .home-city-dialog .content {
  margin-top: -15px;
  padding: 28px 30px 30px;
  border-radius: 12px 12px 0 0;
  background: #fff;
  max-height: calc(100% - 145px);
  overflow: auto;
  box-sizing: border-box
}

.home-body-wrapper .home-city-dialog .content .content-prompt {
  display: none
}

.home-body-wrapper .home-city-dialog .content .cur-pos {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  margin-top: 0
}

.home-body-wrapper .home-city-dialog .content .cur-city .city-name {
  margin-left: 8px
}

.home-body-wrapper .home-city-dialog .content .cur-city {
  margin: 16px 0 12px 0;
  border-radius: 4px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
  background: rgba(0,190,189,.1);
  border-color: transparent
}

.home-body-wrapper .home-city-dialog .content .cur-city a,.home-body-wrapper .home-city-dialog .content .cur-city:hover .city-name a {
  color: #00a6a7
}

.home-body-wrapper .home-city-dialog .content .cur-city .icon-poi {
  position: static;
  top: auto;
  left: auto;
  vertical-align: text-top;
  width: 15px;
  height: 16px;
  background: url(https://img.bosszhipin.com/static/file/2022/kgil4zsbaz1658715662776.png) 0 -16px/15px auto no-repeat;
  cursor: pointer
}

.home-body-wrapper .home-city-dialog .content-title {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px
}

.home-body-wrapper .home-city-dialog .content-title .city-writing {
  color: #00a6a7
}

.home-body-wrapper .home-city-dialog .city-item {
  height: 32px;
  border-radius: 4px;
  border: 1px solid #d4d5d6;
  transition: all .2s linear
}

.home-body-wrapper .home-city-dialog .city-item:hover {
  border: 1px solid #00bebd;
  background: #fff
}

.home-body-wrapper .home-city-dialog .city-item:hover a {
  color: #00a6a7
}

.home-body-wrapper .home-city-dialog .city-item a {
  line-height: 30px;
  color: #1d2129;
  transition: all .2s linear
}

.home-body-wrapper .home-city-dialog .content-footer {
  font-size: 12px;
  font-weight: 400;
  color: #999;
  margin-top: 2px
}

.line-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.lines-overflow {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical
}

.school-main-page .top-banner {
  height: 180px;
  background: linear-gradient(90deg,#00bebd 0,#00a6a7 100%)
}

.school-main-page .top-banner .img {
  background: url(https://img.bosszhipin.com/static/file/2022/n77e402fln1657505842097.png) center/auto 180px no-repeat;
  height: 180px;
  background-size: auto 100%;
  background-position: center
}

.school-main-page .school-banner {
  background: #eef0f5;
  height: auto;
  margin: 53px auto 50px
}

.school-main-page .school-banner .column-search-panel {
  position: relative;
  bottom: 0
}

.main-screen {
  display: flex;
  height: 340px
}

.main-screen .left {
  position: relative;
  z-index: 2;
  width: 284px;
  margin-right: 16px
}

.main-screen .job-menu-school {
  height: auto;
  margin-bottom: 16px
}

.main-screen .job-menu-school dl.cur {
  background: #1dbeb4
}

.main-screen .job-menu-school dl {
  font-size: 15px;
  font-weight: 700
}

.main-screen .job-menu-school .menu-sub-school {
  height: 340px;
  z-index: 10
}

.main-screen .job-menu-school .menu-sub-school .text {
  font-weight: 400
}

.main-screen .student-active {
  background-color: #fff;
  padding: 20px 30px 31px;
  height: 174px;
  box-sizing: border-box
}

.main-screen .student-active .title {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 14px;
  line-height: 21px
}

.main-screen .student-active ul {
  overflow: auto;
  height: 88px;
  margin-right: -30px;
  padding-right: 30px
}

.main-screen .student-active li {
  line-height: 20px
}

.main-screen .student-active li+li {
  margin-top: 14px
}

.main-screen .student-active li a {
  color: #61687c
}

.main-screen .student-active li a:hover {
  color: #6adbcf
}

.main-screen .school-job-menu {
  width: 284px;
  background: #fff
}

.main-screen .school-job-menu .job-menu-tab {
  height: 39px;
  line-height: 39px;
  border-bottom: 1px solid #ecf0f4;
  color: #3f4b62
}

.main-screen .school-job-menu .job-menu-tab li {
  float: left;
  margin: 0 16px;
  cursor: pointer;
  transition: all .2s linear
}

.main-screen .school-job-menu .job-menu-tab li:first-child {
  margin-left: 24px
}

.main-screen .school-job-menu .job-menu-tab li span {
  display: inline-block
}

.main-screen .school-job-menu .job-menu-tab li:hover {
  color: #00c2b3
}

.main-screen .school-job-menu .job-menu-tab li.active span {
  position: relative;
  color: #00c2b3;
  transition: all .2s linear
}

.main-screen .school-job-menu .job-menu-tab li.active span:after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: #00c2b3
}

.main-screen .school-job-menu .job-menu-list {
  height: 252px;
  overflow: auto;
  overflow: overlay
}

.main-screen .school-job-menu .job-menu-list ul {
  display: none
}

.main-screen .school-job-menu .job-menu-list ul.active {
  display: block
}

.main-screen .school-job-menu .job-menu-list li {
  float: left;
  width: 88px;
  height: 36px;
  padding: 0 24px;
  cursor: pointer
}

.main-screen .school-job-menu .job-menu-list li a {
  display: inline-block;
  max-width: 81px;
  height: 36px;
  font-size: 14px;
  line-height: 36px;
  margin-left: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  transition: color .2s linear
}

.main-screen .school-job-menu .job-menu-list .job-menu-cluster>li {
  width: 236px
}

.main-screen .school-job-menu .job-menu-list .job-menu-cluster li a {
  max-width: 229px
}

.main-screen .school-job-menu .job-menu-list li:hover a {
  color: #00c2b3
}

.main-screen .school-job-menu .job-menu-list li.active {
  position: relative;
  background: rgba(0,194,179,.1);
  color: #00c2b3
}

.main-screen .school-job-menu .job-menu-list li.active a {
  color: #00c2b3
}

.main-screen .school-job-menu .job-menu-list li:after {
  opacity: 0;
  content: ' ';
  position: relative;
  top: -1px;
  vertical-align: middle;
  border: solid #00c2b3;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 2px;
  margin-left: 2px;
  transition: all .2s linear;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg)
}

.main-screen .school-job-menu .job-menu-list li.active:after {
  opacity: 1
}

.main-screen .expand-menu-container {
  display: none;
  position: absolute;
  top: 0;
  left: 284px;
  width: 899px;
  border-left: 1px solid #ecf0f4;
  z-index: 8;
  background: #fff;
  box-shadow: 1px 0 0 0 #ecf0f4
}

.main-screen .expand-menu-container .expand-menu-list li {
  display: none
}

.main-screen .expand-menu-container .expand-menu-list li.active {
  display: block
}

.main-screen .expand-menu-container a {
  line-height: 20px;
  word-break: break-all;
  color: #666;
  transition: all .2s linear
}

.main-screen .expand-menu-container a:hover {
  color: #00a6a7;
  font-weight: 500
}

.main-screen .expand-menu-container .menu-item-title {
  display: block;
  padding: 16px 16px 12px;
  padding-right: 16px;
  padding-top: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 500;
  color: #12141a;
  line-height: 22px
}

.main-screen .expand-menu-container .menu-item-body {
  height: 290px;
  overflow: auto;
  overflow: overlay
}

.main-screen .expand-menu-container .menu-item-recommend {
  position: relative;
  margin: 0 16px;
  background: rgba(0,189,190,.1);
  padding: 3px 0;
  border-radius: 8px
}

.main-screen .expand-menu-container .menu-item-recommend .menu-recommend-label {
  position: absolute;
  top: 8px;
  left: 0;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  line-height: 20px;
  padding-left: 8px;
  float: left
}

.main-screen .expand-menu-container .menu-recommend-list {
  float: left;
  padding-left: 140px
}

.main-screen .expand-menu-container .menu-recommend-list a {
  float: left;
  font-weight: 500;
  color: #00a6a7;
  margin: 5px 12px;
  transition: all .2s linear
}

.main-screen .expand-menu-container .menu-recommend-list a:hover {
  opacity: .8
}

.main-screen .expand-menu-container .menu-item-content {
  margin: 8px 0;
  padding: 0 16px;
  font-size: 0
}

.main-screen .expand-menu-container .menu-item-content .menu-sub-container {
  position: relative;
  display: inline-block;
  width: 20%;
  vertical-align: top;
  overflow: hidden;
  font-size: 14px
}

.main-screen .expand-menu-container .menu-item-content .menu-sub-container a {
  transition: color .2s linear
}

.main-screen .expand-menu-container .menu-sub-container:nth-child(5n+2) .menu-sub-list {
  left: -153px
}

.main-screen .expand-menu-container .menu-sub-container:nth-child(5n+3) .menu-sub-list {
  left: -306px
}

.main-screen .expand-menu-container .menu-sub-container:nth-child(5n+4) .menu-sub-list {
  left: -459px
}

.main-screen .expand-menu-container .menu-sub-container:nth-child(5n) .menu-sub-list {
  left: -612px
}

.main-screen .expand-menu-container .menu-item-content .menu-sub-container.expand {
  overflow: visible
}

.main-screen .expand-menu-container .menu-item-content .menu-sub-container.expand>a {
  height: 44px;
  color: #00a6a7;
  font-weight: 500
}

.main-screen .expand-menu-container .menu-item-content .menu-sub-container.expand>a:after {
  content: ' ';
  position: absolute;
  bottom: 8px;
  height: 3px;
  background: linear-gradient(90deg,#16d9d8 0,#00bebd 100%);
  border-radius: 2px;
  left: 0;
  right: 0;
  z-index: 1
}

.main-screen .expand-menu-container .menu-item-content .menu-sub-container.expand .menu-sub-list {
  display: block
}

.main-screen .expand-menu-container .menu-item-content .menu-sub-container .menu-sub-list {
  display: none;
  position: relative;
  width: 766px;
  background: #f8f8f8;
  border-radius: 8px;
  padding: 5px 0;
  margin-bottom: 8px
}

.main-screen .expand-menu-container .menu-item-content .menu-sub-container .menu-sub-list a {
  display: inline-block;
  margin: 5px 8px
}

.main-screen .expand-menu-container .menu-item-content .menu-sub-container>a {
  position: relative;
  display: inline-block;
  max-width: 100%;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 0
}

.main-screen .expand-menu-container .expand-sub-cluster {
  display: none;
  margin: 0 24px
}

.main-screen .expand-menu-container .expand-sub-cluster.active {
  display: block
}

.main-screen .expand-menu-container .expand-sub-cluster ul {
  position: relative
}

.main-screen .expand-menu-container .expand-sub-cluster ul:before {
  content: ' ';
  height: 1px;
  position: absolute;
  left: 0;
  right: -24px;
  background: #ecf0f4;
  top: 40px
}

.main-screen .expand-menu-container .expand-sub-cluster li {
  float: left;
  line-height: 35px;
  height: 340px;
  position: relative
}

.main-screen .expand-menu-container .expand-menu-cluster li h4 {
  font-size: 14px;
  font-weight: 500;
  height: 39px;
  line-height: 39px;
  padding: 0 8px
}

.main-screen .expand-menu-container .expand-menu-cluster .text {
  height: 300px;
  width: 170px;
  float: left
}

.main-screen .expand-menu-container .expand-menu-cluster .text a {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  width: 144px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 0;
  border-radius: 4px
}

.main-screen .expand-menu-container .expand-menu-cluster .text a:hover {
  background: #f8f8f8;
  border-radius: 4px;
  color: #00a6a7;
  font-weight: 500
}

.school-body-wrapper .main-screen .expand-menu-container .expand-sub-cluster ul {
  padding: 0 16px;
  height: 316px;
  overflow: auto;
  overflow: overlay;
  box-sizing: border-box
}

.school-body-wrapper .main-screen .expand-menu-container .expand-sub-cluster ul:before {
  content: none
}

.school-body-wrapper .main-screen .expand-menu-container .expand-sub-cluster {
  margin: 0;
  padding: 11px 0;
  box-sizing: border-box
}

.school-body-wrapper .main-screen .expand-menu-container .expand-sub-cluster li {
  float: none;
  height: auto
}

.school-body-wrapper .main-screen .expand-menu-container .expand-sub-cluster li:after {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  clear: both
}

.school-body-wrapper .main-screen .expand-menu-container .expand-menu-cluster li h4 {
  width: 15%;
  font-weight: 500;
  color: #222;
  line-height: 36px;
  height: 36px;
  float: left;
  padding: 0
}

.school-body-wrapper .main-screen .expand-menu-container .text-list {
  width: 85%;
  float: left
}

.school-body-wrapper .main-screen .expand-menu-container .text-list a {
  width: 25%;
  display: block;
  float: left;
  text-align: left;
  margin: 0;
  height: 36px;
  line-height: 36px;
  border-radius: 4px;
  transition: all .2s linear;
  padding: 0 8px;
  box-sizing: border-box
}

.school-body-wrapper .main-screen .expand-menu-container .text-list a:hover {
  color: #00a6a7;
  font-weight: 500;
  background: #f8f8f8
}

.main-screen .student-activity {
  position: relative;
  width: 284px;
  margin-top: 5px
}

.main-screen .student-activity .student-activity-slide {
  position: relative;
  padding-top: 2px;
  height: 23px;
  max-height: 148px;
  overflow: hidden
}

.main-screen .student-activity .student-activity-slide:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg,#00c0b5 0,#0dcaf4 100%);
  z-index: 2
}

.main-screen .student-activity .look-more {
  position: absolute;
  top: 21px;
  right: 8px;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  line-height: 18px;
  z-index: 2
}

.main-screen .student-activity .look-more:after {
  position: relative;
  top: 1px;
  content: ' ';
  width: 12px;
  height: 12px;
  display: inline-block;
  background: url(https://img.bosszhipin.com/static/file/2022/hwu0zp979b1643448973740.png) center center/100%
}

.main-screen .student-activity .student-activity-title {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 18px;
  background: url(https://img.bosszhipin.com/static/file/2022/n5pktid42k1643452315580.png) top left/64px auto no-repeat
}

.main-screen .student-activity:before {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  background: linear-gradient(90deg,#00c0b5 0,#0dcaf4 100%);
  top: 7px;
  height: 12px
}

.main-screen .student-activity .student-activity-list {
  position: relative;
  background: linear-gradient(90deg,#00c0b5 0,#0dcaf4 100%);
  line-height: 18px;
  padding-top: 1px;
  padding-bottom: 6px
}

.main-screen .student-activity.expand .student-activity-list li {
  margin-top: 6px
}

.main-screen .student-activity.expand .student-activity-list li:first-child {
  margin-top: 0
}

.main-screen .student-activity .student-activity-list li {
  display: block;
  font-size: 13px;
  font-weight: 400
}

.main-screen .student-activity .student-activity-list li a {
  display: inline-block;
  max-width: 224px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  padding-left: 10px
}

.main-screen .student-activity .student-activity-list li a:hover {
  color: #00655d
}

.main-screen .swiper-container {
  width: 884px;
  position: relative;
  z-index: 1
}

.main-screen .swiper-slide a {
  display: inline-block;
  position: relative
}

.main-screen .swiper-masking {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.2);
  z-index: 2;
  display: none
}

.main-screen .swiper-wrapper {
  height: auto!important
}

.main-screen .swiper-slide {
  box-sizing: border-box;
  height: 340px!important
}

.main-screen .swiper-slide img {
  width: 100%;
  height: 100%
}

.main-screen .prev {
  background: url(../images/school/swiper-left.png) center no-repeat;
  position: absolute;
  top: 126px;
  left: 0;
  width: 34px;
  height: 80px
}

.main-screen .next {
  background: url(../images/school/swiper-right.png) center no-repeat;
  position: absolute;
  top: 126px;
  right: 0;
  width: 34px;
  height: 80px
}

.main-screen .next,.main-screen .prev {
  background-color: rgba(0,0,0,.2);
  z-index: 3;
  display: none
}

.main-screen .next:hover,.main-screen .prev:hover {
  background-color: rgba(0,0,0,.3)
}

.main-screen .next:hover,.main-screen .prev:hover {
  filter: brightness(120%)
}

.main-screen .swiper-pagination {
  width: 100%;
  background: linear-gradient(180deg,rgba(0,0,0,.04) 0,rgba(0,0,0,.4) 100%);
  height: 65px;
  position: absolute;
  z-index: 20;
  bottom: 0;
  right: 0;
  left: unset;
  text-align: right;
  padding: 32px 10px 0 0;
  box-sizing: border-box
}

.main-screen .swiper-pagination-switch {
  display: inline-block;
  width: 20px;
  height: 6px;
  background: #fff;
  border-radius: 0;
  opacity: .4;
  cursor: pointer;
  margin-right: 10px
}

.main-screen .swiper-active-switch {
  background: #5dd5c8;
  opacity: 1
}

.main-screen .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0;
  margin-right: 10px
}

.school-zhibo {
  margin-top: 40px;
  padding-bottom: 20px
}

.school-zhibo .section-title {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 22px
}

.swiper-zhibo {
  position: relative
}

.swiper-zhibo .zhibo {
  width: 100%;
  height: 247px;
  overflow: hidden
}

.job-strategy .swiper-zhibo .zhibo {
  height: 285px
}

.swiper-zhibo .swiper-container {
  position: relative;
  z-index: 1;
  margin: 0 -8px
}

.swiper-zhibo .swiper-wrapper {
  height: auto!important
}

.swiper-zhibo .swiper-slide {
  box-sizing: border-box;
  height: 247px!important;
  width: 300px;
  padding: 0 8px
}

.swiper-zhibo .img-wrap {
  width: 100%;
  height: 159px;
  position: relative;
  cursor: pointer
}

.swiper-zhibo .label {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 60px;
  height: 22px;
  color: #fff;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  background-color: #5dd5c8;
  border-radius: 2px;
  z-index: 2
}

.swiper-zhibo .img-wrap .label img {
  width: 12px;
  height: 12px;
  margin-left: 3px;
  line-height: 22px;
  position: absolute;
  right: 10px;
  top: 4px
}

.swiper-zhibo .label.label-live {
  width: auto;
  padding: 0 24px 0 10px
}

.swiper-zhibo .label.label-notice {
  background-color: #ef602c
}

.swiper-zhibo .label.label-can-into {
  background-color: #5e96f2
}

.swiper-zhibo .label.label-replay {
  background-color: #8a7ee4
}

.swiper-zhibo .img-wrap img {
  height: 100%;
  width: 100%
}

.swiper-zhibo .img-wrap .layer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: url(../images/school/stop.png) no-repeat center;
  background-color: rgba(0,0,0,.2)
}

.swiper-zhibo .img-wrap .hover-code {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(0,0,0,.5);
  padding-top: 23px;
  box-sizing: border-box;
  transition: opacity .2s linear
}

.swiper-zhibo .swiper-slide:hover .hover-code {
  opacity: 1
}

.swiper-zhibo .img-wrap .hover-code p {
  font-size: 12px;
  line-height: 17px;
  color: #fff;
  margin-bottom: 5px;
  text-align: center
}

.swiper-zhibo .img-wrap .hover-code img {
  width: 90px;
  height: 90px;
  background: #fff;
  margin: 0 auto;
  display: block
}

.swiper-zhibo .swiper-slide .content {
  background: #fff;
  padding: 15px 20px 20px;
  cursor: pointer
}

.swiper-zhibo .swiper-slide .content .title {
  font-weight: 700;
  font-size: 15px;
  line-height: 21px;
  margin-bottom: 12px;
  transition: all .2s linear
}

.swiper-zhibo .swiper-slide .content .text {
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  color: #61687c
}

.swiper-zhibo .prev {
  display: none;
  background: url(../images/school/swiper-left.png) center no-repeat;
  position: absolute;
  top: 83px;
  left: -44px;
  width: 34px;
  height: 80px
}

.swiper-zhibo .next {
  background: url(../images/school/swiper-right.png) center no-repeat;
  position: absolute;
  top: 83px;
  right: -44px;
  width: 34px;
  height: 80px
}

.swiper-zhibo .next,.swiper-zhibo .prev {
  background-color: rgba(0,0,0,.07);
  z-index: 2;
  transition: all .2s linear
}

.swiper-zhibo .next:hover,.swiper-zhibo .prev:hover {
  background-color: rgba(0,0,0,.1)
}

.swiper-zhibo .next:hover,.swiper-zhibo .prev:hover {
  filter: brightness(120%)
}

.swiper-zhibo .swiper-pagination {
  position: absolute;
  z-index: 20;
  bottom: 20px;
  width: 100%;
  text-align: center
}

.swiper-zhibo .swiper-pagination-switch {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background: #fff;
  margin: 0 15px;
  opacity: .3;
  cursor: pointer
}

.swiper-zhibo .swiper-active-switch {
  opacity: 1
}

.job-guide {
  margin-bottom: 50px
}

.job-guide h3 {
  margin: 0;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 20px;
  color: #414a60
}

.job-guide .job-guide-list {
  overflow: hidden
}

.job-guide .job-guide-list li {
  float: left;
  width: 344px;
  height: 100px;
  color: #fff;
  padding-left: 40px;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear
}

.job-guide .job-guide-list li+li {
  margin-left: 16px
}

.job-guide .job-guide-list li:hover {
  background-size: 120%
}

.job-guide .job-guide-list li:hover p:after {
  opacity: 1
}

.job-guide .job-guide-list li a {
  display: block;
  width: 344px;
  height: 100px
}

.job-guide .job-guide-list li span {
  display: block;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  line-height: 20px;
  margin-top: 25px
}

.job-guide .job-guide-list li p {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 20px;
  margin-top: 10px
}

.job-guide .job-guide-list li p:after {
  content: '';
  display: inline-block;
  opacity: 0;
  width: 12px;
  height: 12px;
  transition: all .2s linear;
  position: relative;
  top: 1px;
  background: url(https://img.bosszhipin.com/static/file/2022/hwu0zp979b1643448973740.png) center center/100%
}

.job-guide .job-guide-list .job-guide-bag {
  background: url(https://img.bosszhipin.com/static/file/2022/j886nicyeo1644235861593.jpg) center center/100%
}

.job-guide .job-guide-list .job-guide-interview {
  background: url(https://img.bosszhipin.com/static/file/2022/63kudhc0l61643453985105.jpg) center center/100%
}

.job-guide .job-guide-list .job-guide-baike {
  background: url(https://img.bosszhipin.com/static/file/2022/e7qe14ocju1643453985232.jpg) center center/100%
}

.resume-template {
  margin-bottom: 44px
}

.resume-template h3 {
  margin: 0;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 20px;
  color: #414a60
}

.resume-template .resume-template-banner {
  position: relative;
  width: 1184px;
  height: 120px;
  background: url(https://img.bosszhipin.com/static/file/2022/fmg6m9vnqc1643448811943.jpg) center center/100%;
  overflow: hidden
}

.resume-template .resume-template-banner span {
  display: block;
  margin-top: 29px;
  font-size: 22px;
  font-weight: 500;
  color: #414a60;
  line-height: 30px;
  margin-left: 40px
}

.resume-template .resume-template-banner p {
  font-size: 16px;
  font-weight: 400;
  color: #414a60;
  line-height: 22px;
  margin-top: 7px;
  margin-left: 40px
}

.resume-template .resume-template-banner .make-btn {
  position: absolute;
  top: 40px;
  right: 80px;
  padding: 9px 48px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  line-height: 22px;
  background: linear-gradient(225deg,#00a6a7 0,#00bebd 100%);
  box-shadow: 0 14px 10px -8px rgba(0,170,171,.75);
  border-radius: 2px;
  transition: all .2s linear
}

.resume-template .resume-template-banner .make-btn:hover {
  opacity: .8
}

.job-strategy {
  margin-bottom: 50px
}

.job-strategy .section-title {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 20px;
  color: #414a60
}

.job-strategy .swiper-zhibo .swiper-slide {
  height: 285px!important
}

.job-strategy .swiper-zhibo .swiper-slide .content {
  height: 108px
}

.job-strategy .swiper-zhibo .swiper-slide .img-wrap {
  height: 177px;
  overflow: hidden
}

.job-strategy .img-wrap .zhibo-img {
  transition: all .2s linear
}

.job-strategy .img-wrap:hover .zhibo-img {
  transform: scale(1.1);
  transform-origin: 50% 50%
}

.school-hotcom-li {
  position: relative
}

.school-hotcom-li .label-xiaozhao {
  position: absolute;
  width: 50px;
  height: 24px;
  top: 0;
  right: 0;
  background: url(../images/school/label-xiaozhao.png);
  background-size: contain
}

.school-live {
  margin-top: 40px;
  padding-bottom: 12px
}

.school-live .has-more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #666;
  font-size: 16px;
  cursor: pointer
}

.school-live .has-more .arrow {
  width: 4px;
  height: 8px;
  margin-left: 8px;
  display: inline-block;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.school-live .has-more:hover {
  color: #00a6a7
}

.school-live .has-more:hover .arrow {
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.school-live h3 {
  font-size: 16px;
  font-weight: 500;
  color: #414a60;
  line-height: 20px;
  margin-bottom: 14px
}

.school-live .swiper-school-live {
  position: relative
}

.swiper-school-live .swiper-nav {
  position: absolute;
  top: 50%;
  margin-top: -28px;
  width: 30px;
  height: 56px;
  background: #fff;
  border-radius: 15px;
  cursor: pointer;
  transition: all .2s linear
}

.swiper-school-live .swiper-nav:hover {
  background: #00bebd
}

.swiper-school-live .swiper-nav img {
  width: 34px;
  display: block;
  margin-top: 22px
}

.swiper-school-live .swiper-nav.next {
  right: -38px
}

.swiper-school-live .swiper-nav.prev {
  left: -38px
}

.swiper-school-live .swiper-nav.next:after {
  content: ' ';
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin-left: -1px;
  margin-top: -4px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
  border-left: 5px solid #000;
  border-radius: 2px;
  transition: all .2s linear
}

.swiper-school-live .swiper-nav.next:hover:after {
  border-left-color: #fff
}

.swiper-school-live .swiper-nav.prev:after {
  content: ' ';
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin-left: -8px;
  margin-top: -4px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000;
  border-left: 5px solid transparent;
  border-radius: 2px;
  transition: all .2s linear
}

.swiper-school-live .swiper-nav.prev:hover:after {
  border-right-color: #fff
}

.swiper-school-live .swiper-container {
  position: relative;
  z-index: 1
}

.swiper-school-live .live-list {
  margin-left: -8px;
  margin-right: -8px
}

.swiper-school-live .live-item .live-item-tag {
  position: absolute;
  bottom: 12px;
  right: 20px;
  z-index: 2;
  background: rgba(0,190,189,.1);
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
  color: #00a6a7;
  line-height: 18px;
  padding: 2px 8px;
  max-width: 228px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.swiper-school-live .live-item .live-item-tag.notice {
  background: rgba(250,119,71,.1);
  color: #f46935;
  padding-left: 8px;
  padding-right: 8px;
  max-width: 248px
}

.swiper-school-live .live-item .live-item-tag.notice:before {
  content: ' ';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 6px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  background: url(https://img.bosszhipin.com/static/file/2022/ewb1mwjih91658115663148.png) 0 0/12px auto no-repeat
}

.swiper-school-live .live-item .live-item-tag.live-record {
  color: #4096f5;
  background: rgba(64,150,245,.1)
}

.swiper-school-live .live-item .live-item-tag.live-record:before {
  content: ' ';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 6px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  background: url(https://img.bosszhipin.com/static/file/2022/ewb1mwjih91658115663148.png) 0 -12px/12px auto no-repeat
}

.swiper-school-live .live-item .living-icon {
  position: relative;
  display: inline-block;
  height: 12px;
  margin-right: 6px;
  vertical-align: text-top
}

.swiper-school-live .live-item .living-icon-col {
  display: inline-block;
  width: 3px;
  height: 100%;
  margin: 0 1px;
  background: #00bebd;
  border-radius: 2px;
  animation: linear .6s infinite living-icon-ani;
  transform-origin: bottom;
  border-radius: 1px 1px 0 0
}

.swiper-school-live .live-item .living-icon-col:first-child {
  animation-delay: -.2s;
  margin-left: 0
}

.swiper-school-live .live-item .living-icon-col:last-child {
  animation-delay: .2s;
  margin-right: 0
}

@keyframes living-icon-ani {
  from {
      transform: scaleY(.5)
  }

  50% {
      transform: scaleY(1)
  }

  to {
      transform: scaleY(.5)
  }
}

.swiper-school-live .live-item {
  display: block;
  position: relative;
  width: 284px;
  overflow: hidden;
  margin: 8px;
  float: left;
  border-radius: 12px;
  transition: all .2s linear
}

.swiper-school-live .live-item:after {
  content: ' ';
  position: absolute;
  width: 80px;
  height: 80px;
  top: 39px;
  left: 50%;
  margin-left: -40px;
  background: url(https://img.bosszhipin.com/static/file/2022/s8o6146qt51643447385978.png) center center/100%;
  z-index: 4;
  opacity: 0;
  transition: all .2s linear
}

.swiper-school-live .live-item:hover:after {
  opacity: 1
}

.swiper-school-live .live-item:hover {
  box-shadow: 0 16px 12px 0 rgba(153,153,153,.2);
  position: relative;
  z-index: 1
}

.swiper-school-live .live-item:hover:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 78px;
  right: 0;
  z-index: 3;
  background: rgba(0,0,0,.2);
  transition: background .2s linear
}

.swiper-school-live .live-item:hover .info-main span {
  color: #00a6a7
}

.swiper-school-live .live-item .live-image {
  height: 158px;
  width: 284px;
  display: block;
  margin: 0 auto
}

.swiper-school-live .live-item .info-content {
  height: 62px;
  padding-top: 6px;
  background: #fff
}

.swiper-school-live .live-item .info-logo {
  display: none
}

.swiper-school-live .live-item .info-main {
  padding: 0 20px
}

.swiper-school-live .live-item .info-main span {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .2s linear
}

.swiper-school-live .live-item .info-main p {
  max-width: 120px;
  font-size: 13px;
  font-weight: 400;
  color: #666;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 8px;
  transition: all .2s linear
}

.swiper-school-live .live-item .live-time {
  position: absolute;
  display: block;
  right: 4px;
  bottom: 82px;
  border-radius: 4px;
  background: rgba(0,0,0,.6);
  font-size: 12px;
  font-weight: 400;
  color: rgba(255,255,255,1);
  line-height: 17px;
  z-index: 1;
  padding: 2px 4px
}

.swiper-school-live .live-item .company-logo-box {
  width: 38px;
  height: 38px;
  border-radius: 4px;
  float: left;
  margin: 4px 8px 0 16px
}

.swiper-school-live .live-item .company-logo-box img {
  width: 38px;
  height: 38px;
  display: block;
  border-radius: 4px
}

.school-body-wrapper {
  background: #f2f4f7
}

.school-body-wrapper.fixed-header {
  padding-top: 49px
}

.school-body-wrapper.fixed-header #header {
  position: fixed;
  top: 0;
  left: 0
}

.school-body-wrapper:before {
  content: ' ';
  position: absolute;
  top: 49px;
  left: 0;
  right: 0;
  height: 614px;
  background: linear-gradient(180deg,#00bebd 0,#88fffe 50%,#fff 100%);
  opacity: .1;
  z-index: -1
}

.school-body-wrapper .school-banner {
  background: 0 0;
  margin: 52px auto 40px
}

.school-body-wrapper.promotion-four .main-screen {
  height: 454px
}

.school-body-wrapper.promotion-four .main-screen .school-job-menu .job-menu-list {
  height: 401px
}

.school-body-wrapper.promotion-four .main-screen .expand-menu-container .menu-item-body {
  height: 402px
}

.school-body-wrapper.promotion-four .main-screen .expand-menu-container .expand-sub-cluster ul {
  height: 430px
}

.school-body-wrapper .main-screen .left {
  width: 384px
}

.school-body-wrapper .main-screen .school-job-menu {
  width: 384px
}

.school-body-wrapper .slider-box {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  flex: 1
}

.school-body-wrapper .promotion-main {
  margin: -2px -2px 2px
}

.school-body-wrapper .promotion-main img {
  display: block;
  width: 100%;
  height: auto
}

.school-body-wrapper .promotion-main td {
  padding: 0;
  border: 2px solid transparent
}

.school-body-wrapper .promotion-main td a,.school-body-wrapper .promotion-main td img {
  display: block!important;
  height: auto
}

.school-body-wrapper .school-banner .column-search-panel .school-typebox {
  width: 204px;
  border-radius: 12px;
  background: #fff;
  top: -12px;
  bottom: 0;
  left: 0;
  overflow: hidden
}

.school-body-wrapper .school-banner .column-search-panel .school-typebox a {
  width: 50%;
  float: left
}

.school-body-wrapper .school-banner .column-search-panel .school-typebox .typebox-full,.school-body-wrapper .school-banner .column-search-panel .school-typebox .typebox-intern {
  font-size: 14px;
  font-weight: 400;
  color: #222;
  line-height: 36px;
  height: 46px;
  text-align: center;
  background: #fff;
  display: block;
  background-position: 0 0;
  width: 100%;
  margin: 0;
  transition: all .2s linear
}

.school-body-wrapper .school-banner .column-search-panel .school-typebox .typebox-full {
  border-radius: 12px 12px 0 0
}

.school-body-wrapper .school-banner .column-search-panel .school-typebox .typebox-full:hover,.school-body-wrapper .school-banner .column-search-panel .school-typebox .typebox-intern:hover {
  color: #00a6a7;
  font-weight: 500
}

.school-body-wrapper .school-banner .column-search-panel .school-typebox .typebox-full.cur,.school-body-wrapper .school-banner .column-search-panel .school-typebox .typebox-intern.cur {
  color: #fff;
  background: #00bebd;
  font-weight: 500
}

.school-body-wrapper .school-banner .column-search-panel .school-typebox .typebox-intern.cur {
  border-radius: 12px 12px 0 0
}

.school-body-wrapper .school-banner .column-search-panel .school-typebox .typebox-full:before {
  content: '找全职'
}

.school-body-wrapper .school-banner .column-search-panel .school-typebox .typebox-intern:before {
  content: '找实习'
}

.school-body-wrapper .school-banner .column-search-panel .city-sel {
  border-radius: 12px 0 0 12px;
  border: none!important;
  padding: 11px 15px
}

.school-body-wrapper .school-banner .column-search-panel .city-sel .label-text {
  line-height: 28px
}

.school-body-wrapper .school-banner .column-search-panel .city-sel .icon-arrow-down {
  width: 4px;
  height: 7px;
  top: 20px;
  right: 14px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
  transform: rotate(90deg)
}

.school-body-wrapper .school-banner .column-search-panel .city-sel b {
  color: #222;
  font-size: 16px
}

.school-body-wrapper .school-banner .column-search-panel .city-sel:hover b {
  color: #00a6a7
}

.school-body-wrapper .school-banner .column-search-panel .city-sel:hover .icon-arrow-down {
  background-position: -6px -8px
}

.school-body-wrapper .school-banner .column-search-panel .suggest-result {
  top: 58px;
  left: 122px;
  width: 658px;
  padding: 4px 0;
  background: #fff;
  box-shadow: 0 4px 16px 0 rgba(0,0,0,.08);
  border-radius: 12px;
  overflow: hidden
}

.school-body-wrapper .suggest-result ul {
  max-height: 408px
}

.school-body-wrapper .suggest-result li {
  height: 40px;
  line-height: 40px;
  color: #333;
  font-size: 14px;
  padding: 0 16px;
  border: none;
  transition: all .2s linear
}

.school-body-wrapper .suggest-result li:hover {
  background: #f8f8f8
}

.school-body-wrapper .column-search-panel .logo a {
  display: none;
  background: url(https://img.bosszhipin.com/static/file/2022/j7q0pavksj1653361387451.png) 3px 7px/105px 19px no-repeat
}

.school-body-wrapper .column-search-panel .search-box {
  width: 900px;
  padding-top: 24px
}

.school-body-wrapper .column-search-panel.fixed {
  top: 49px
}

.school-body-wrapper .column-search-panel .logo {
  padding-top: 9px
}

.school-body-wrapper .column-search-panel.fixed .search-box {
  width: 780px
}

.school-body-wrapper .search-panel-new.fixed .ipt-search {
  width: 516px
}

.school-body-wrapper .search-panel-new.fixed div.search-form-con {
  left: 0;
  width: 660px;
  border-radius: 10px
}

.school-body-wrapper .search-panel-new .search-login-form {
  float: right;
  padding-right: 86px;
  width: auto;
  margin-left: 0;
  padding-top: 29px
}

.school-body-wrapper .search-panel-new .search-login-form .input-box {
  border: none
}

.school-body-wrapper .search-panel-new .search-login-form .input-box input {
  border: 1px solid #e6e6e6;
  transition: all .2s linear;
  border-radius: 8px
}

.school-body-wrapper .search-panel-new .search-login-form .input-box input:focus,.school-body-wrapper .search-panel-new .search-login-form .input-box input:hover {
  border-color: #00bebd
}

.school-body-wrapper .search-panel-new .search-login-form .input-box+.input-box {
  margin-left: 8px
}

.school-body-wrapper .search-panel-new .search-login-form .input-box input.ipt-phone {
  width: 130px
}

.school-body-wrapper .search-panel-new .search-login-form .input-box input.ipt-sms {
  width: 90px
}

.school-body-wrapper .search-panel-new .search-login-form .input-box .code-box-show {
  top: 12px;
  color: #00a6a7
}

.school-body-wrapper .search-panel-new .search-login-form .registe-btn {
  top: 28px;
  width: 76px;
  height: 42px;
  line-height: 42px;
  font-size: 12px;
  color: #00a6a7;
  border: 1px solid #00bebd;
  border-radius: 8px;
  transition: all .2s linear
}

.school-body-wrapper .search-panel-new .search-login-form .registe-btn:hover {
  background: rgba(0,190,189,.1)
}

.school-body-wrapper .search-panel-new .search-login-form .input-box input {
  padding: 11px 14px;
  border-radius: 8px
}

.school-body-wrapper .column-search-panel .search-form {
  box-shadow: 0 10px 30px 0 rgba(153,153,153,.2);
  border-radius: 10px;
  height: 54px
}

.school-body-wrapper .column-search-panel.fixed {
  box-shadow: 0 16px 40px 0 rgba(158,158,158,.2)
}

.school-body-wrapper .column-search-panel .search-form-con {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 780px;
  background: #fff;
  border-radius: 10px;
  border: 2px solid #00bebd;
  box-shadow: none
}

.school-body-wrapper .search-panel-new .search-form-con {
  border-radius: 10px;
  box-shadow: none
}

.school-body-wrapper .column-search-panel .ipt-wrap {
  border-radius: 10px;
  height: 50px;
  border: none
}

.school-body-wrapper .column-search-panel .ipt-search {
  padding: 11px 18px
}

.school-body-wrapper .search-panel-new.fixed .is-login .search-form .ipt-search {
  padding: 11px 19px;
  width: 622px
}

.school-body-wrapper .column-search-panel .search-form .btn-search {
  width: 128px;
  background: #00bebd;
  border-radius: 0 10px 10px 0;
  font-size: 20px;
  height: 54px;
  line-height: 54px
}

.school-body-wrapper .search-panel-new.fixed .search-form .ipt-wrap {
  border: none
}

.school-body-wrapper .search-form .ipt-wrap-hover,.school-body-wrapper .search-form-con:hover .ipt-wrap {
  border-color: transparent!important
}

.school-body-wrapper .search-panel-new.fixed .search-box.is-login {
  width: 900px
}

.school-body-wrapper .search-panel-new.fixed .search-box.is-login {
  width: 884px
}

.school-body-wrapper .column-search-panel.fixed .search-form {
  box-shadow: none;
  height: 54px
}

.school-body-wrapper .search-panel-new.fixed .search-box.is-login div.search-form-con {
  width: 764px;
  border-radius: 10px;
  left: 0
}

.school-body-wrapper .search-panel-new .search-box-scan {
  position: relative;
  text-align: left;
  height: 40px;
  line-height: 20px;
  margin-top: 32px;
  padding-left: 32px;
  font-weight: 500;
  line-height: 20px
}

.school-body-wrapper .search-box-scan .search-box-scan-icon {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -16px;
  z-index: 1;
  width: 22px;
  height: 32px;
  background: url(https://img.bosszhipin.com/static/file/2022/bh2amn80el1654691091224.png) 0 0/44px auto no-repeat;
  transition: none;
  margin-left: 0;
  margin-right: 0
}

.school-body-wrapper .search-box-scan:hover .search-box-scan-icon {
  background: url(https://img.bosszhipin.com/static/file/2022/bh2amn80el1654691091224.png) -22px 0/44px auto no-repeat
}

.school-body-wrapper .search-box-scan .search-box-scan-container {
  top: 50px;
  left: -104px
}

.school-body-wrapper .search-box-scan .search-box-scan-arrow {
  top: -4px;
  right: 60px;
  -webkit-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg)
}

.school-body-wrapper .school-banner .column-search-panel.fixed {
  position: fixed;
  top: 49px;
  left: 0;
  width: 100%;
  height: 100px;
  background: #fff;
  z-index: 1004;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,.21)
}

.school-body-wrapper .school-banner .column-search-panel.fixed .school-typebox {
  display: none
}

.school-body-wrapper .column-search-panel .btn-search:before {
  content: '';
  width: 10px;
  height: 6px;
  display: inline-block
}

.school-body-wrapper .column-search-panel .suggest-result {
  left: 122px;
  top: 54px;
  width: 658px;
  padding: 4px 0;
  background: #fff;
  box-shadow: 0 4px 16px 0 rgba(0,0,0,.08);
  border-radius: 12px;
  overflow: hidden
}

.school-body-wrapper .column-search-panel .suggest-result ul {
  max-height: 408px
}

.school-body-wrapper .column-search-panel .suggest-result li {
  height: 40px;
  line-height: 40px;
  color: #333;
  font-size: 14px;
  padding: 0 16px;
  border: none;
  transition: all .2s linear
}

.school-body-wrapper .column-search-panel .suggest-result li.guess-like {
  display: block
}

.column-search-panel .suggest-result li.guess-like {
  display: none;
  height: 33px;
  line-height: 33px;
  font-size: 12px;
  color: #757575;
  cursor: default
}

.school-body-wrapper .column-search-panel .suggest-result li.guess-like:hover {
  background: 0 0
}

.school-body-wrapper .column-search-panel .suggest-result li.selected,.school-body-wrapper .column-search-panel .suggest-result li:hover {
  background: #f8f8f8
}

.search-panel-new.column-search-panel.fixed .search-find-box,.search-panel-new.column-search-panel.fixed .suggest-result {
  width: 540px;
  right: 116px;
  left: auto
}

.school-body-wrapper .search-panel-new.fixed .search-box.is-login .search-find-box,.school-body-wrapper .search-panel-new.fixed .search-box.is-login .suggest-result {
  width: 658px;
  right: 116px;
  left: auto
}

.school-body-wrapper .search-box-scan {
  color: #00a6a7
}

.school-body-wrapper .main-screen .swiper-container {
  border-radius: 12px
}

.school-body-wrapper .main-screen .swiper-pagination {
  height: 38px;
  background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.2) 100%);
  border-radius: 0 0 12px 12px;
  padding: 16px 20px
}

.school-body-wrapper .main-screen .swiper-pagination-switch {
  border-radius: 3px;
  margin-right: 8px;
  vertical-align: top;
  opacity: 1;
  background: rgba(255,255,255,.4)
}

.school-body-wrapper .main-screen .swiper-active-switch {
  width: 40px;
  background: #fff
}

.school-body-wrapper .main-screen .swiper-masking {
  display: none!important
}

.school-body-wrapper .main-screen .school-job-menu {
  border-radius: 12px;
  box-shadow: none
}

.school-body-wrapper .main-screen .next,.school-body-wrapper .main-screen .prev {
  width: 30px;
  height: 56px;
  background: rgba(0,0,0,.3);
  border-radius: 15px;
  top: 50%;
  margin-top: -28px;
  cursor: pointer
}

.school-body-wrapper .main-screen .next:hover,.school-body-wrapper .main-screen .prev:hover {
  background: rgba(0,0,0,.4);
  transition: all .2s linear
}

.school-body-wrapper .main-screen .prev {
  left: 10px
}

.school-body-wrapper .main-screen .next {
  right: 10px
}

.school-body-wrapper .main-screen .prev:before {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  margin-top: 23px;
  margin-left: 7px;
  border-left: 5px solid transparent;
  border-right: 5px solid rgba(255,255,255,.4);
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  transition: all .2s linear
}

.school-body-wrapper .main-screen .next:before {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  margin-top: 23px;
  margin-left: 13px;
  border-right: 5px solid transparent;
  border-left: 5px solid rgba(255,255,255,.4);
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  transition: all .2s linear
}

.school-body-wrapper .main-screen .prev:hover:before {
  border-right: 5px solid rgba(255,255,255,1)
}

.school-body-wrapper .main-screen .next:hover:before {
  border-left: 5px solid rgba(255,255,255,1)
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-tab {
  height: 49px;
  background: linear-gradient(90deg,#f5fcfc 0,#fcfbfa 100%);
  border-radius: 12px 12px 0 0;
  border-bottom: none;
  line-height: 49px;
  color: #222;
  font-size: 16px
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-tab li {
  position: relative;
  width: 50%;
  margin: 0;
  text-align: center;
  transition: none
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-tab .menu-tab-major:after {
  content: ' ';
  position: absolute;
  top: 19px;
  right: 0;
  width: 2px;
  height: 10px;
  background: #e0e0e0;
  border-radius: 1px;
  z-index: 1
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-tab .menu-tab-cluster span:before {
  background-position: 0 -32px
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-tab .menu-tab-cluster.active span:before,.school-body-wrapper .main-screen .school-job-menu .job-menu-tab .menu-tab-cluster:hover span:before {
  background-position: 0 -48px
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-tab .menu-tab-major.active span:before,.school-body-wrapper .main-screen .school-job-menu .job-menu-tab .menu-tab-major:hover span:before {
  background-position: 0 -16px
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-tab li span:before {
  display: inline-block;
  content: ' ';
  width: 16px;
  height: 16px;
  background: url(https://img.bosszhipin.com/static/file/2022/hzdzqozseo1660283831564.png?v=1) 0 0/16px auto no-repeat;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-right: 6px
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-tab li.active span,.school-body-wrapper .main-screen .school-job-menu .job-menu-tab li:hover span {
  font-weight: 500;
  color: #00a6a7
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-tab li.active span:after {
  content: none
}

.school-body-wrapper .main-screen .expand-menu-container {
  width: 796px;
  left: 388px;
  box-shadow: 0 10px 40px 0 rgba(153,153,153,.2);
  border-radius: 12px;
  border: 1px solid #ebeef5
}

.school-body-wrapper .main-screen .expand-menu-container .menu-item-body {
  height: 288px
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-list {
  height: 287px;
  padding: 2px 6px;
  overflow: visible
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-list ul:after {
  content: ' ';
  clear: both;
  width: 0;
  height: 0;
  display: table
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-list li {
  position: relative;
  padding: 0 20px;
  border-radius: 8px;
  width: 80px;
  transition: all .2s linear;
  margin-right: 6px;
  margin-top: 6px
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-list li:hover {
  background: #f8f8f8
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-list li a {
  min-width: 88px;
  color: #333
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-list li:nth-child(3n) {
  margin-right: 0
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-list li.active {
  background: rgba(0,190,189,.1)
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-list li.active a,.school-body-wrapper .main-screen .school-job-menu .job-menu-list li:hover a {
  color: #00a6a7
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-list li:after {
  position: absolute;
  top: 14px;
  right: 12px;
  z-index: 1;
  border: none;
  width: 4px;
  height: 7px;
  padding: 0;
  margin: 0;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat;
  transform: none
}

.school-body-wrapper .main-screen .school-job-menu .job-menu-list .job-menu-cluster>li {
  width: 332px;
  margin: 0;
  margin-top: 6px
}

.school-body-wrapper .main-screen .expand-menu-container .expand-menu-cluster .text {
  width: 168px
}

.school-body-wrapper .swiper-school-live .swiper-container {
  padding-bottom: 20px;
  margin-left: -8px;
  margin-right: -8px
}

.school-body-wrapper .swiper-school-live .swiper-slide {
  padding: 0 8px;
  width: 1184px!important
}

.school-body-wrapper .school-live {
  margin-top: 64px;
  padding-bottom: 0;
  margin-bottom: -12px
}

.school-body-wrapper .school-live h3 {
  font-size: 28px;
  font-weight: 600;
  color: #222;
  line-height: 40px
}

.school-body-wrapper .common-tab-box {
  margin-top: 48px
}

.school-body-wrapper .school-page h3.section-title {
  font-size: 28px;
  font-weight: 600;
  color: #222;
  line-height: 40px;
  height: 40px;
  margin-bottom: 20px;
  margin-right: 40px
}

.school-body-wrapper .school-page.common-tab-box .section-title+h3 {
  height: 40px
}

.school-body-wrapper .school-page.common-tab-box .section-title+h3 span {
  line-height: 30px;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  background: 0 0;
  border-radius: 6px;
  padding: 4px 16px;
  margin-right: 12px;
  width: auto;
  line-height: 22px;
  transition: all .2s linear
}

.school-body-wrapper .school-page.common-tab-box .section-title+h3 span:hover {
  color: #00a6a7
}

.school-body-wrapper .school-page.common-tab-box .section-title+h3 span.cur {
  background: #00bebd;
  color: #fff
}

.school-body-wrapper .common-tab-box,.school-body-wrapper .common-tab-box ul {
  overflow: visible
}

.school-body-wrapper .common-tab-box ul:after {
  content: ' ';
  clear: both;
  display: block;
  width: 0;
  height: 0
}

.school-body-wrapper .school-page.company-tab-box ul li {
  height: 174px
}

.school-body-wrapper .school-page.company-tab-box ul li {
  border-radius: 12px
}

.school-body-wrapper .school-page.company-tab-box li .sub-li {
  border-radius: 12px;
  transition: all .2s linear
}

.school-body-wrapper .school-page li .sub-li:hover {
  position: relative;
  z-index: 1;
  box-shadow: 0 16px 40px 0 rgba(153,153,153,.3)
}

.school-body-wrapper .school-hotcom-li .label-xiaozhao {
  border-radius: 0 12px 0 12px;
  background: #e5f8f8;
  color: #00a6a7;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  padding: 3px 13px 4px;
  width: auto;
  height: auto
}

.school-body-wrapper .school-hotcom-li .label-xiaozhao:before {
  content: '校招'
}

.school-body-wrapper .school-page.company-tab-box li .sub-li .company-title img {
  width: 54px;
  height: 54px;
  border-radius: 12px;
  border: 1px solid #f8f8f8
}

.school-body-wrapper .school-page.company-tab-box li .sub-li .company-title .conpany-text {
  margin-left: 68px;
  height: 56px
}

.school-body-wrapper .school-page.company-tab-box li .sub-li .company-title .conpany-text h4 {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  height: 22px;
  transition: all .2s linear
}

.school-body-wrapper .school-page li .sub-li:hover .company-title .conpany-text h4 {
  color: #00a6a7
}

.school-body-wrapper .company-tab-box li .conpany-text .company-text-tag {
  height: 22px;
  overflow: hidden;
  white-space: normal;
  line-height: 22px;
  margin-top: 12px;
  display: block
}

.school-body-wrapper .company-tab-box li .conpany-text .company-text-tag span {
  display: inline-block;
  background: #f8f8f8;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
  color: #666;
  line-height: 18px;
  padding: 2px 8px
}

.school-body-wrapper .company-tab-box li .conpany-text .company-text-tag span+span {
  margin-left: 8px
}

.school-body-wrapper .school-page.company-tab-box li .sub-li .company-title+.company-info {
  font-size: 13px;
  font-weight: 400;
  color: #666;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: auto;
  margin: 16px 0
}

.school-body-wrapper .school-page.company-tab-box li .sub-li .company-link {
  border-top: none;
  left: 0;
  right: 0;
  padding: 0 20px;
  background: linear-gradient(90deg,#f5fcfc 0,#fcfbfa 100%);
  border-radius: 0 0 12px 12px;
  height: 48px;
  line-height: 48px;
  text-align: center
}

.school-body-wrapper .school-page.company-tab-box li .sub-li .company-link a {
  transition: all .2s linear
}

.school-body-wrapper .school-page.company-tab-box li .sub-li .company-link a:first-child {
  position: absolute;
  left: 20px
}

.school-page.company-tab-box li .sub-li .company-link a:last-child {
  position: static
}

.school-body-wrapper .school-page.company-tab-box li .sub-li .company-link a:nth-child(3) {
  position: absolute;
  right: 20px
}

.school-body-wrapper .school-page.company-tab-box li .sub-li .company-link a:after {
  content: ' ';
  display: inline-block;
  width: 5px;
  height: 8px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -5px 0/10px auto no-repeat;
  opacity: 0;
  transition: all .2s linear
}

.school-body-wrapper .school-page.company-tab-box li .sub-li .company-link a:hover {
  color: #00a6a7;
  font-weight: 500
}

.school-body-wrapper .school-page.company-tab-box li .sub-li .company-link a:hover:after {
  opacity: 1
}

.school-body-wrapper .school-page.job-tab-box ul li {
  height: 136px;
  border-radius: 12px
}

.school-body-wrapper .school-page.job-tab-box .sub-li {
  height: 136px;
  transition: all .2s linear;
  border-radius: 12px
}

.school-body-wrapper .job-tab-box li p {
  height: 22px;
  line-height: 22px
}

.school-body-wrapper .job-tab-box li .sub-li .guide-app-download-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  margin-left: 6px;
  background: url(https://img.bosszhipin.com/static/file/2022/tfguyqkgkb1651743005056.png) 0 -16px/16px auto no-repeat
}

.school-body-wrapper .job-tab-box li .sub-li .guide-app-download-icon:hover {
  background: url(https://img.bosszhipin.com/static/file/2022/tfguyqkgkb1651743005056.png) 0 0/16px auto no-repeat
}

.school-body-wrapper .job-tab-box li p {
  height: 22px;
  line-height: 22px;
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #61687c;
  margin: 0 auto;
  padding: 0 20px;
  overflow: hidden;
  word-break: break-all;
  position: relative
}

.school-body-wrapper .job-tab-box li .sub-li-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  height: 22px;
  overflow: hidden;
  flex: 1
}

.school-body-wrapper .job-tab-box li .sub-li-info .boss-online-tag {
  display: inline-block;
  position: relative;
  height: 20px;
  background: #d8f9e5;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #1dc165;
  line-height: 20px;
  padding: 0 6px 0 16px;
  margin-left: 8px
}

.school-body-wrapper .job-tab-box li .sub-li-info .boss-online-tag:before {
  content: ' ';
  position: absolute;
  width: 5px;
  height: 5px;
  top: 7px;
  left: 6px;
  border-radius: 100%;
  background: #45d283
}

.school-body-wrapper .job-tab-box li .salary {
  font-size: 16px;
  font-weight: 500;
  color: #fe574a;
  position: static;
  top: initial;
  right: initial
}

.school-body-wrapper .job-tab-box li .job-text-tag {
  display: block;
  height: 22px;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
  padding: 0 20px;
  margin-top: 12px
}

.school-body-wrapper .job-tab-box li .job-text-tag span {
  float: left;
  height: 22px;
  background: #f8f8f8;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 13px;
  font-weight: 400;
  color: #666;
  line-height: 18px
}

.school-body-wrapper .job-tab-box li .job-text-tag span+span {
  margin-left: 8px
}

.school-body-wrapper .school-page.job-tab-box li a.job-info {
  padding-top: 16px;
  padding-bottom: 16px;
  height: auto
}

.school-body-wrapper .job-tab-box li a.job-info .title-text {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  margin: 0;
  max-width: 200px
}

.school-body-wrapper .school-page.job-tab-box .sub-li:hover a.job-info .title-text {
  color: #00a6a7
}

.school-body-wrapper .school-page.job-tab-box a.user-info {
  border-radius: 0 0 12px 12px
}

.school-body-wrapper .school-page.job-tab-box a.user-info p {
  display: block;
  height: 48px;
  line-height: 48px;
  background: linear-gradient(90deg,#f5fcfc 0,#fcfbfa 100%);
  border-radius: 0 0 12px 12px;
  width: auto;
  padding: 0 20px;
  font-size: 13px;
  font-weight: 400;
  color: #666
}

.school-body-wrapper .job-tab-box .user-info img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 4px
}

.school-body-wrapper .job-tab-box .user-info .user-text {
  float: right;
  color: #666
}

.school-body-wrapper .school-page.common-tab-box .common-tab-more {
  margin-top: 8px;
  margin-bottom: 40px
}

.school-body-wrapper .school-page.common-tab-box .common-tab-more .btn {
  width: 184px;
  height: 40px;
  background: rgba(0,190,189,.1);
  border-radius: 8px;
  line-height: 40px;
  color: #00a6a7;
  transition: all .2s linear;
  font-size: 14px;
  font-weight: 400
}

.school-body-wrapper .school-page.common-tab-box .common-tab-more .btn:hover {
  color: #fff;
  background: rgba(0,190,189,1)
}

.school-body-wrapper .job-tools {
  margin-bottom: 40px
}

.school-body-wrapper .job-tools h3 {
  font-size: 28px;
  font-weight: 600;
  color: #222;
  line-height: 40px;
  margin-bottom: 20px
}

.school-body-wrapper .job-tools .job-tools-list {
  overflow: hidden
}

.school-body-wrapper .job-tools .job-tools-list li {
  position: relative;
  width: 584px;
  height: 140px;
  float: left;
  border-radius: 12px;
  padding-left: 0;
  transition: all .2s linear;
  overflow: hidden
}

.school-body-wrapper .job-tools .job-tools-list li:hover span {
  color: #00a6a7
}

.school-body-wrapper .job-tools .job-tools-list li a {
  display: block;
  height: 100%;
  padding-left: 30px;
  overflow: hidden;
  transition: all .2s linear
}

.school-body-wrapper .job-tools .job-tools-list li span {
  display: block;
  margin-top: 40px;
  font-size: 24px;
  font-weight: 600;
  color: #222;
  line-height: 20px;
  transition: all .2s linear
}

.school-body-wrapper .job-tools .job-tools-list li p {
  font-size: 16px;
  color: #222;
  line-height: 20px;
  margin-top: 20px
}

.school-body-wrapper .job-tools .job-tools-list .job-tools-salary {
  display: none
}

.school-body-wrapper .job-tools .job-tools-list .job-tools-salary a {
  background: url(https://img.bosszhipin.com/static/file/2023/vzqteeww411678347840180.png) center right/auto 140px no-repeat
}

.school-body-wrapper .job-tools .job-tools-list .job-tools-evaluation a {
  background: url(https://img.bosszhipin.com/static/file/2023/9thr3vm1r21678347736453.png) center right/auto 140px no-repeat
}

.school-body-wrapper .job-guide {
  margin-bottom: 40px
}

.school-body-wrapper .job-guide .job-guide-list {
  overflow: visible
}

.school-body-wrapper .job-guide .job-guide-list:after {
  content: ' ';
  display: block;
  clear: both;
  width: 0;
  height: 0
}

.school-body-wrapper .job-guide h3 {
  font-size: 28px;
  font-weight: 600;
  color: #222;
  line-height: 40px
}

.school-body-wrapper .job-guide .job-guide-list li {
  position: relative;
  width: 384px;
  height: 136px;
  border-radius: 12px;
  padding-left: 0;
  transition: all .2s linear;
  overflow: hidden;
  background: 0 0
}

.school-body-wrapper .job-guide .job-guide-list li a {
  position: relative;
  z-index: 1
}

.school-body-wrapper .job-guide .job-guide-list li span {
  margin-top: 40px;
  font-size: 22px;
  font-weight: 500;
  color: #222;
  line-height: 20px
}

.school-body-wrapper .job-guide .job-guide-list li p {
  font-size: 16px;
  font-weight: 400;
  color: #222;
  line-height: 20px;
  margin-top: 16px
}

.school-body-wrapper .job-guide .job-guide-list li p:after {
  background: 0 0;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid transparent;
  border-left: 4px solid #222;
  margin-left: 4px;
  vertical-align: middle;
  position: relative;
  top: -1px
}

.school-body-wrapper .job-guide .job-guide-list li:hover a {
  background-size: auto 120%
}

.school-body-wrapper .job-guide .job-guide-bag a {
  background: url(https://img.bosszhipin.com/static/file/2022/8a39plukqx1658136367815.png) center right/auto 136px no-repeat
}

.school-body-wrapper .job-guide .job-guide-bag:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: linear-gradient(135deg,#fff 0,#fef3f2 100%)
}

.school-body-wrapper .job-guide li.job-guide-bag span {
  color: #f37636
}

.school-body-wrapper .job-guide .job-guide-interview a {
  background: url(https://img.bosszhipin.com/static/file/2022/6vkv43lhdq1658136368042.png) center right/auto 136px no-repeat
}

.school-body-wrapper .job-guide .job-guide-interview:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: linear-gradient(90deg,#fff 0,#ebfff8 100%)
}

.school-body-wrapper .job-guide li.job-guide-interview span {
  color: #00a3a7
}

.school-body-wrapper .job-guide .job-guide-baike a {
  background: url(https://img.bosszhipin.com/static/file/2022/54v60zekcu1658136368151.png) center right/auto 136px no-repeat
}

.school-body-wrapper .job-guide .job-guide-baike:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: linear-gradient(135deg,#fff 0,#e2edff 100%)
}

.school-body-wrapper .job-guide li.job-guide-baike span {
  color: #496fd5
}

.school-body-wrapper .job-guide .job-guide-list li a {
  height: 100%;
  width: 354px;
  padding-left: 30px;
  overflow: hidden
}

.school-body-wrapper .job-guide .job-guide-list li:hover {
  box-shadow: 0 16px 40px 0 rgba(138,149,158,.2)
}

.school-body-wrapper .job-strategy {
  margin-bottom: 0
}

.school-body-wrapper .job-strategy .section-title {
  font-size: 28px;
  font-weight: 600;
  color: #222;
  line-height: 40px;
  margin-top: 40px
}

.school-body-wrapper .job-strategy .swiper-zhibo .zhibo {
  height: auto;
  width: auto;
  margin-left: -8px;
  margin-right: -8px
}

.school-body-wrapper .swiper-zhibo .swiper-container {
  padding-bottom: 40px;
  margin: 0;
  border-radius: 12px
}

.school-body-wrapper .job-strategy .swiper-zhibo .swiper-slide {
  width: 284px!important;
  height: auto!important;
  transition: all .2s linear;
  padding: 0;
  margin: 0 8px;
  border-radius: 12px
}

.school-body-wrapper .job-strategy .swiper-zhibo .swiper-slide:hover {
  box-shadow: 0 16px 12px 0 rgba(153,153,153,.2)
}

.school-body-wrapper .job-strategy .swiper-zhibo .swiper-slide:hover .content .text {
  opacity: 1
}

.school-body-wrapper .job-strategy .swiper-zhibo .swiper-slide a {
  position: relative;
  border-radius: 12px;
  display: block
}

.school-body-wrapper .job-strategy .swiper-zhibo .swiper-slide .img-wrap {
  height: 160px;
  border-radius: 12px 12px 0 0
}

.school-body-wrapper .job-strategy .swiper-zhibo .swiper-slide .content {
  height: auto;
  border-radius: 0 0 12px 12px
}

.school-body-wrapper .swiper-zhibo .swiper-slide .content {
  padding: 16px 20px
}

.school-body-wrapper .swiper-zhibo .swiper-slide .content .title {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  margin-bottom: 0
}

.school-body-wrapper .swiper-zhibo .swiper-slide .content .text {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 27px 20px;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 20px;
  border-radius: 12px;
  height: auto;
  -webkit-line-clamp: 8;
  background: #fff;
  transition: all .2s linear;
  word-break: break-all
}

.school-body-wrapper .swiper-zhibo .swiper-slide .content .text:after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 27px;
  z-index: 2;
  background: #fff
}

.school-body-wrapper .swiper-zhibo .swiper-nav {
  width: 30px;
  height: 56px;
  background: #fff;
  border-radius: 15px;
  top: 50%;
  margin-top: -48px;
  cursor: pointer;
  transition: all .2s linear
}

.school-body-wrapper .swiper-zhibo .swiper-nav:hover {
  background: #00bebd;
  filter: none
}

.school-body-wrapper .swiper-zhibo .prev {
  left: -38px
}

.school-body-wrapper .swiper-zhibo .next {
  right: -38px
}

.school-body-wrapper .swiper-zhibo .next:after {
  content: ' ';
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin-left: -1px;
  margin-top: -4px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
  border-left: 5px solid #000;
  border-radius: 2px;
  transition: all .2s linear
}

.school-body-wrapper .swiper-zhibo .next:hover:after {
  border-left-color: #fff
}

.school-body-wrapper .swiper-zhibo .prev:after {
  content: ' ';
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin-left: -8px;
  margin-top: -4px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000;
  border-left: 5px solid transparent;
  border-radius: 2px;
  transition: all .2s linear
}

.school-body-wrapper .swiper-zhibo .prev:hover:after {
  border-right-color: #fff
}

.school-body-wrapper .resume-template {
  margin-bottom: 0
}

.school-body-wrapper .resume-template h3 {
  font-size: 28px;
  font-weight: 600;
  color: #222;
  line-height: 40px
}

.school-body-wrapper .resume-template .resume-template-banner {
  height: 200px;
  background: linear-gradient(48deg,#fff 0,#e5fefd 100%);
  border-radius: 12px
}

.school-body-wrapper .resume-template .resume-template-banner span {
  margin-top: 30px;
  font-size: 24px;
  font-weight: 500;
  color: #222;
  line-height: 33px
}

.school-body-wrapper .resume-template .resume-template-banner p {
  font-size: 16px;
  font-weight: 400;
  color: #333;
  line-height: 22px;
  margin-top: 15px
}

.school-body-wrapper .resume-template .resume-template-banner .make-btn {
  position: static;
  display: inline-block;
  margin-top: 30px;
  margin-left: 40px;
  background: linear-gradient(225deg,#00a6a7 0,#00bebd 100%);
  border-radius: 8px;
  box-shadow: none
}

.school-body-wrapper .resume-template .resume-template-banner .make-btn:hover {
  background: linear-gradient(225deg,#00bebd 0,#00a6a7 100%);
  opacity: 1
}

.school-body-wrapper .resume-template .template-resume-animate {
  position: absolute;
  width: 664px;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden
}

.school-body-wrapper .resume-template .resume-animate-one {
  position: absolute;
  right: 90px;
  top: 0;
  z-index: 2;
  width: 486px;
  height: 1512px;
  -webkit-animation: animate-slide-up 60s linear infinite normal;
  -moz-animation: animate-slide-up 60s linear infinite normal;
  -o-animation: animate-slide-up 60s linear infinite normal;
  -ms-animation: animate-slide-up 60s linear infinite normal;
  animation: animate-slide-up 60s linear infinite normal
}

.school-body-wrapper .resume-template .resume-animate-one:before {
  content: ' ';
  display: block;
  width: 486px;
  height: 756px;
  background: url(https://img.bosszhipin.com/static/file/2022/7p6aqdunv51658140073953.png) 0 -34px/100% auto no-repeat
}

.school-body-wrapper .resume-template .resume-animate-one:after {
  content: ' ';
  display: block;
  width: 486px;
  height: 756px;
  background: url(https://img.bosszhipin.com/static/file/2022/7p6aqdunv51658140073953.png) 0 -34px/100% auto no-repeat
}

.school-body-wrapper .resume-template .resume-animate-two {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 664px;
  height: 1452px;
  -webkit-animation: animate-slide-down 30s linear infinite normal;
  -moz-animation: animate-slide-down 30s linear infinite normal;
  -o-animation: animate-slide-down 30s linear infinite normal;
  -ms-animation: animate-slide-down 30s linear infinite normal;
  animation: animate-slide-down 30s linear infinite normal
}

.school-body-wrapper .resume-template .resume-animate-two:before {
  content: ' ';
  display: block;
  width: 664px;
  height: 726px;
  background: url(https://img.bosszhipin.com/static/file/2022/gdjyi1xrpr1658140074326.png) 0 0/100% auto no-repeat
}

.school-body-wrapper .resume-template .resume-animate-two:after {
  content: ' ';
  display: block;
  width: 664px;
  height: 726px;
  background: url(https://img.bosszhipin.com/static/file/2022/gdjyi1xrpr1658140074326.png) 0 0/100% auto no-repeat
}

@-webkit-keyframes animate-slide-down {
  0% {
      top: 0
  }

  100% {
      top: -726px
  }
}

@-moz-keyframes animate-slide-down {
  0% {
      top: 0
  }

  100% {
      top: -726px
  }
}

@-o-keyframes animate-slide-down {
  0% {
      top: 0
  }

  100% {
      top: -726px
  }
}

@-ms-keyframes animate-slide-down {
  0% {
      top: 0
  }

  100% {
      top: -726px
  }
}

@-webkit-keyframes animate-slide-down {
  0% {
      top: 0
  }

  100% {
      top: -726px
  }
}

@-moz-keyframes animate-slide-down {
  0% {
      top: 0
  }

  100% {
      top: -726px
  }
}

@-o-keyframes animate-slide-down {
  0% {
      top: 0
  }

  100% {
      top: -726px
  }
}

@-ms-keyframes animate-slide-down {
  0% {
      top: 0
  }

  100% {
      top: -726px
  }
}

@keyframes animate-slide-down {
  0% {
      top: 0
  }

  100% {
      top: -726px
  }
}

@keyframes animate-slide-up {
  from {
      top: -756px
  }

  to {
      top: 0
  }
}

.school-body-wrapper .school-mask {
  border-radius: 12px
}

.school-body-wrapper .resume-template .line-circle {
  position: absolute;
  top: 50%;
  right: 428px;
  width: 332px;
  height: 332px;
  margin-top: -166px;
  z-index: 1
}

.school-body-wrapper .resume-template .line-circle-one {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -166px;
  z-index: 1;
  opacity: .16;
  border: 1px solid #92cdca;
  border-radius: 100%;
  width: 332px;
  height: 332px
}

.school-body-wrapper .resume-template .line-circle-two {
  position: absolute;
  top: 50%;
  right: 42px;
  margin-top: -124px;
  z-index: 1;
  opacity: .16;
  border: 1px solid #92cdca;
  border-radius: 100%;
  width: 248px;
  height: 248px
}

.school-body-wrapper .resume-template .line-circle-three {
  position: absolute;
  top: 50%;
  right: 100px;
  margin-top: -80px;
  z-index: 1;
  opacity: .16;
  border: 1px solid #92cdca;
  border-radius: 100%;
  width: 160px;
  height: 160px
}

.school-body-wrapper .city-letter-show.city-dialog .dialog-container {
  border-radius: 12px
}

.school-body-wrapper #footer {
  margin-top: 40px
}

.school-body-wrapper #footer {
  background: #313438;
  color: rgba(255,255,255,.5)
}

.school-body-wrapper .footer-about dl dt {
  color: rgba(255,255,255,.8)
}

.school-body-wrapper .footer-about dl dd a,.school-body-wrapper .footer-about dl dd p {
  color: rgba(255,255,255,.5)
}

.school-body-wrapper .copyright a {
  color: rgba(255,255,255,.5)
}

.school-body-wrapper .copyright a:hover,.school-body-wrapper .footer-about dl dd a:hover {
  color: #00bebd
}

.school-body-wrapper #footer .icon-app,.school-body-wrapper #footer .icon-client-app,.school-body-wrapper #footer .icon-weibo,.school-body-wrapper #footer .icon-weixin {
  border: none;
  background-color: rgba(255,255,255,.1)
}

.page-gongsi.fixed-header {
  padding-top: 49px
}

.page-gongsi.fixed-header #header {
  position: fixed;
  top: 0;
  left: 0
}

.page-gongsi:before {
  content: ' ';
  position: absolute;
  top: 49px;
  left: 0;
  right: 0;
  height: 614px;
  background: linear-gradient(180deg,#00bebd 0,#88fffe 50%,#fff 100%);
  opacity: .1;
  z-index: -1
}

.page-gongsi #header .nav-search {
  display: none
}

.page-gongsi .column-search-panel .logo a {
  background: url(https://img.bosszhipin.com/static/file/2022/j7q0pavksj1653361387451.png) 3px 7px/105px 19px no-repeat
}

.page-gongsi .column-search-panel .search-box {
  width: 900px;
  padding-top: 24px
}

.page-gongsi .column-search-panel.fixed {
  top: 49px
}

.page-gongsi .column-search-panel .logo {
  padding-top: 9px
}

.page-gongsi .column-search-panel.fixed .logo {
  display: none
}

.page-gongsi .column-search-panel.fixed .search-box {
  width: 780px
}

.page-gongsi .search-panel-new.fixed .ipt-search {
  width: 508px
}

.page-gongsi .search-panel-new.fixed div.search-form-con {
  left: 0;
  width: 660px;
  border-radius: 10px
}

.page-gongsi .search-panel-new .search-login-form {
  float: right;
  padding-right: 86px;
  width: auto;
  margin-left: 0;
  padding-top: 29px
}

.page-gongsi .search-panel-new .search-login-form .input-box {
  border: none
}

.page-gongsi .search-panel-new .search-login-form .input-box input {
  border: 1px solid #e6e6e6;
  transition: all .2s linear;
  border-radius: 8px
}

.page-gongsi .search-panel-new .search-login-form .input-box input:focus,.page-gongsi .search-panel-new .search-login-form .input-box input:hover {
  border-color: #00bebd
}

.page-gongsi .search-panel-new .search-login-form .input-box+.input-box {
  margin-left: 8px
}

.page-gongsi .search-panel-new .search-login-form .input-box input.ipt-phone {
  width: 130px
}

.page-gongsi .search-panel-new .search-login-form .input-box input.ipt-sms {
  width: 90px
}

.page-gongsi .search-panel-new .search-login-form .input-box .code-box-show {
  top: 12px;
  color: #00a6a7
}

.page-gongsi .search-panel-new .search-login-form .registe-btn {
  top: 28px;
  width: 76px;
  height: 42px;
  line-height: 42px;
  font-size: 13px;
  color: #00a6a7;
  border: 1px solid #00bebd;
  border-radius: 8px;
  transition: all .2s linear
}

.page-gongsi .search-panel-new .search-login-form .registe-btn:hover {
  background: rgba(0,190,189,.1)
}

.page-gongsi .search-panel-new .search-login-form .input-box input {
  padding: 11px 14px;
  border-radius: 8px
}

.page-gongsi .column-search-panel .search-form {
  box-shadow: 0 10px 30px 0 rgba(153,153,153,.2);
  border-radius: 10px
}

.page-gongsi .column-search-panel.fixed {
  box-shadow: 0 16px 40px 0 rgba(158,158,158,.2)
}

.page-gongsi .column-search-panel .position-sel {
  border-radius: 10px;
  border: none;
  padding: 11px 18px;
  width: 84px
}

.page-gongsi .column-search-panel .search-form-con {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 780px;
  background: #fff;
  border-radius: 10px;
  border: 2px solid #00bebd
}

.page-gongsi .search-panel-new .search-form-con {
  border-radius: 10px;
  box-shadow: none
}

.page-gongsi .column-search-panel .ipt-wrap {
  border-radius: 10px;
  height: 50px;
  border: none
}

.page-gongsi .column-search-panel .ipt-search {
  padding: 11px 18px
}

.page-gongsi .search-panel-new.fixed .is-login .search-form .ipt-search {
  padding: 11px 19px;
  width: 606px
}

.page-gongsi .column-search-panel .btn-search {
  width: 128px;
  background: #00bebd;
  border-radius: 0 10px 10px 0;
  font-size: 20px;
  height: 54px;
  line-height: 54px;
  font-weight: 700
}

.page-gongsi .column-search-panel .btn-search::before {
  content: '';
  width: 12px;
  height: 6px;
  display: inline-block
}

.page-gongsi .search-panel-new.fixed .position-sel,.page-gongsi .search-panel-new.fixed .search-form .ipt-wrap {
  border: none
}

.page-gongsi .search-form .position-sel-hover,.page-gongsi .search-form-con:hover .position-sel {
  border-color: transparent!important
}

.page-gongsi .position-sel b {
  color: #222
}

.page-gongsi .position-sel:hover b,.page-gongsi .show-position .search-form-con .position-sel b {
  color: #00a6a7
}

.page-gongsi .position-sel:hover i,.page-gongsi .show-position .search-form-con .position-sel i {
  background-position: -6px -8px
}

.page-gongsi .search-form .ipt-wrap-hover,.page-gongsi .search-form-con:hover .ipt-wrap {
  border-color: transparent!important
}

.page-gongsi .column-search-panel .position-box {
  top: 50px;
  left: 0
}

.page-gongsi .search-panel-new.fixed .search-box.is-login {
  width: 884px
}

.page-gongsi .column-search-panel.fixed .search-form {
  box-shadow: none;
  height: 54px
}

.page-gongsi .search-panel-new.fixed .search-box.is-login div.search-form-con {
  width: 764px;
  border-radius: 10px;
  left: 0
}

.page-gongsi .search-panel-new .search-box-scan {
  position: relative;
  text-align: left;
  height: 40px;
  line-height: 20px;
  margin-top: 32px;
  padding-left: 32px;
  font-weight: 500;
  line-height: 20px
}

.page-gongsi .search-box-scan .search-box-scan-icon {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -16px;
  z-index: 1;
  width: 22px;
  height: 32px;
  background: url(https://img.bosszhipin.com/static/file/2022/bh2amn80el1654691091224.png) 0 0/44px auto no-repeat;
  transition: none;
  margin-left: 0;
  margin-right: 0
}

.page-gongsi .search-box-scan:hover .search-box-scan-icon {
  background: url(https://img.bosszhipin.com/static/file/2022/bh2amn80el1654691091224.png) -22px 0/44px auto no-repeat
}

.page-gongsi .search-box-scan .search-box-scan-container {
  top: 50px;
  left: -104px
}

.page-gongsi .search-box-scan .search-box-scan-arrow {
  top: -4px;
  right: 60px;
  -webkit-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg)
}

.page-gongsi .column-search-panel.fixed .is-login .position-box {
  left: 0
}

.position-sel i {
  position: absolute;
  right: 8px;
  top: 15px;
  width: 16px;
  height: 16px
}

.page-gongsi .position-sel i {
  width: 4px;
  height: 7px;
  top: 20px;
  right: 14px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
  transform: rotate(90deg)
}

.page-gongsi .position-sel i:before {
  content: none
}

.page-gongsi .guide-download-app-v62 {
  box-shadow: 0 2px 10px 0 rgba(0,0,0,.08);
  border: none
}

.page-gongsi .guide-download-app-v62 .app-icon-v62 {
  width: 84px;
  height: 84px;
  margin: 12px auto 0
}

.page-gongsi .guide-download-app-v62 .app-icon-arrow {
  border-color: transparent;
  box-shadow: 0 2px 10px 0 rgba(0,0,0,.08);
  left: -4px
}

.page-gongsi .guide-download-app-v62:before {
  content: ' ';
  position: absolute;
  top: 16px;
  left: 0;
  width: 12px;
  height: 16px;
  z-index: 2;
  background: #fff
}

.page-gongsi .guide-download-app-v62 .app-icon-des-v62 {
  font-size: 12px;
  color: #00a6a7;
  line-height: 17px;
  margin-top: 8px
}

.page-gongsi .column-search-panel .suggest-result {
  left: 122px;
  top: 58px;
  width: 658px;
  padding: 4px 0;
  background: #fff;
  box-shadow: 0 4px 16px 0 rgba(0,0,0,.08);
  border-radius: 12px;
  overflow: hidden
}

.page-gongsi .column-search-panel .search-find-box {
  left: 122px;
  top: 58px;
  width: 658px
}

.page-gongsi .column-search-panel .suggest-result ul {
  max-height: 408px
}

.page-gongsi .column-search-panel .suggest-result li {
  height: 40px;
  line-height: 40px;
  color: #333;
  font-size: 14px;
  padding: 0 16px;
  border: none;
  transition: all .2s linear
}

.page-gongsi .column-search-panel .suggest-result li.guess-like {
  display: block
}

.column-search-panel .suggest-result li.guess-like {
  display: none;
  height: 33px;
  line-height: 33px;
  font-size: 12px;
  color: #757575;
  cursor: default
}

.page-gongsi .column-search-panel .suggest-result li.guess-like:hover {
  background: 0 0
}

.page-gongsi .column-search-panel .suggest-result li.selected,.page-gongsi .column-search-panel .suggest-result li:hover {
  background: #f8f8f8
}

.page-gongsi .search-panel-new.column-search-panel.fixed .search-find-box,.page-gongsi .search-panel-new.column-search-panel.fixed .suggest-result {
  width: 540px;
  right: 116px
}

.page-gongsi .search-panel-new.fixed .search-box.is-login .search-find-box,.page-gongsi .search-panel-new.fixed .search-box.is-login .suggest-result {
  width: 658px;
  right: 116px
}

.page-gongsi .search-box-scan {
  color: #00a6a7
}

.page-gongsi .fast-register-box.top-sign-box {
  background: linear-gradient(90deg,#00bebd 0,#00a6a7 100%)
}

.page-gongsi .fast-register-box .btn-to-upload {
  width: 130px;
  background: rgba(255,255,255,.8);
  border-radius: 8px;
  transition: all .2s linear;
  color: #00a6a7;
  font-size: 14px;
  border: none
}

.page-gongsi .fast-register-box .btn-to-upload:hover {
  background: #fff
}

.page-gongsi .fast-register-box .registe-btn {
  min-width: auto;
  width: 76px;
  border-radius: 8px;
  border: 1px solid #fff;
  background: 0 0;
  margin-left: 8px
}

.page-gongsi .fast-register-box .input-box input {
  font-size: 13px
}

.page-gongsi .fast-register-box .step-form {
  font-size: 0
}

.page-gongsi .fast-register-box .input-box input.ipt-phone {
  width: 140px;
  border-radius: 8px;
  background: rgba(255,255,255,.8)
}

.page-gongsi .fast-register-box .input-box input.ipt-sms {
  width: 100px;
  border-radius: 8px;
  background: rgba(255,255,255,.8);
  margin-left: 8px
}

.page-gongsi .fast-register-box .show-code-box {
  color: #00a6a7;
  font-size: 13px;
  background: 0 0
}

.page-gongsi .fast-register-box .code-form-box {
  font-size: 14px
}

.page-gongsi .column-search-panel.fixed {
  height: 94px
}

.page-gongsi .vline {
  position: relative;
  top: -1px
}

.page-gongsi .select-tree {
  top: 10px
}

.page-gongsi .column-search-panel.fixed {
  top: 49px;
  box-shadow: none
}

.page-gongsi .column-search-panel {
  background-color: #fff
}

.page-gongsi .column-search-panel .search-form {
  box-shadow: none
}

.page-gongsi .company-search .filter-condition {
  padding: 20px 0
}

.page-gongsi .column-search-panel .search-box {
  margin: 0
}

.page-gongsi .company-search .company-list .tip-nodata {
  width: 200px;
  height: 122px;
  margin: 0 auto 20px;
  background: url(https://img.bosszhipin.com/static/file/2022/a01kqbjd7l1655973421679.png) center center no-repeat;
  background-size: 100%
}

.page-gongsi .data-tips .data-blank b {
  color: #666
}

.page-gongsi .text-blue {
  color: #00a6a7
}

.page-gongsi .vline {
  margin: 0 4px
}

.page-gongsi .company-search .sub-li .h {
  color: #00a6a7;
  font-size: 14px
}

.page-gongsi .company-search .sub-li .h:hover {
  font-weight: 500
}

.page-gongsi .company-search .top-filter-bar {
  top: 143px
}

.page-gongsi .company-search .dropdown-wrap .arrow {
  transition: none;
  -webkit-transition: none;
  position: relative;
  top: -1px
}

.page-gongsi .company-search .filter-row .reset {
  float: right;
  cursor: pointer;
  color: #999
}

.page-gongsi .company-search .filter-row .reset:hover {
  color: #00a6a7
}

.page-gongsi .home-site .company-tab-box li .conpany-text {
  text-align: left;
  margin-left: 68px
}

.page-gongsi .home-site .company-tab-box li {
  border-radius: 12px;
  background: #fff;
  margin: 0 16px 21px 0
}

.page-gongsi .home-site .company-tab-box li .sub-li {
  border-radius: 12px
}

.page-gongsi .home-site .company-tab-box li .sub-li:hover {
  box-shadow: 0 16px 40px 0 rgb(138 149 158 / 20%);
  transition: all .4s
}

.page-gongsi .home-site .company-tab-box li .company-info {
  border-bottom: none
}

.page-gongsi .home-site .company-tab-box li .about-info {
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  color: #666;
  background: linear-gradient(90deg,#f5fcfc 0,#fcfbfa 100%);
  border-radius: 0 0 12px 12px
}

.page-gongsi .company-search .filter-row .title {
  color: #222;
  font-weight: 500;
  font-size: 16px;
  margin-right: 10px
}

.page-gongsi .company-search .filter-row a {
  margin-right: 2px
}

.page-gongsi .company-search .filter-row .content {
  color: #333;
  font-size: 14px
}

.page-gongsi .company-search .filter-condition .selected {
  color: #00a6a7;
  font-weight: 700;
  font-size: 14px
}

.page-gongsi .company-search .filter-row a:hover {
  color: #00a6a7
}

.page-gongsi .company-search .filter-row a {
  color: #222
}

.page-gongsi .home-site .company-tab-box li .sub-li .conpany-text h4 {
  margin-bottom: 9px;
  color: #222;
  font-weight: 500
}

.page-gongsi .home-site .company-tab-box li .company-info img {
  width: 54px;
  height: 54px
}

.page-gongsi .home-site .company-tab-box li .sub-li .conpany-text h4:hover {
  color: #00a6a7
}

.page-gongsi .home-site .company-tab-box li .sub-li .conpany-text span {
  display: inline-block;
  color: #666;
  padding: 0 8px;
  background: #f8f8f8;
  font-size: 13px;
  border-radius: 4px;
  max-width: 66px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 22px
}

.page-gongsi .home-site .company-tab-box li .sub-li .conpany-text span+span {
  margin-left: 8px
}

.page-gongsi .links-container {
  padding-bottom: 12px
}

.page-gongsi #footer {
  margin-top: 14px
}

.page-gongsi #footer .pos-bread {
  display: none
}

.page-gongsi .pos-bread {
  width: 1184px;
  margin: 0 auto
}

.page-gongsi .pos-bread a:hover {
  text-decoration: none;
  color: #00a6a7
}

.page-gongsi .pos-bread .last {
  color: #00a6a7
}

.page-gongsi .pos-bread .split-line {
  display: inline-block;
  width: 1px;
  height: 7px;
  background: #999;
  margin: 0 5px 0 1px
}

.page-gongsi #footer .company-links-container {
  display: none
}

.page-gongsi .links-container {
  background-color: unset;
  border-top: none
}

.page-gongsi .links-container .links-box {
  width: 1184px;
  min-height: 146px;
  background: #fff;
  border-radius: 12px
}

.page-gongsi #footer {
  background: #313438
}

.page-gongsi .footer-about dt {
  color: #fff
}

.page-gongsi .links-box .title-box {
  padding: 0 20px;
  margin-right: 0;
  position: relative
}

.page-gongsi .links-box .title-box::after {
  content: '';
  width: 1144px;
  height: 1px;
  position: absolute;
  left: 20px;
  bottom: 0;
  background-color: #e6e6e6;
  z-index: 1;
  box-sizing: border-box
}

.page-gongsi .links-box .title-box .title-item {
  margin-right: 32px;
  font-size: 16px;
  color: #333
}

.page-gongsi .links-box .title-box .title-item::after {
  width: 28px;
  height: 3px;
  margin-left: 15px;
  z-index: 2
}

.page-gongsi .links-box .links-wrapper {
  padding: 18px 20px 0
}

.page-gongsi .company-search .expect {
  margin: 22px auto
}

.page-gongsi .company-search .expect a {
  font-size: 14px;
  margin-right: 10px
}

.page-gongsi .company-search .expect a:hover {
  color: #00a6a7;
  font-weight: 500
}

.page-gongsi .company-search .expect .container {
  width: 286px;
  height: 36px;
  background: rgba(0,190,189,.1);
  border-radius: 8px
}

.page-gongsi .company-search .top-filter-bar .expect .container-bar {
  width: 286px;
  height: 36px;
  display: inline-block;
  background: rgba(0,190,189,.1);
  border-radius: 8px
}

.page-gongsi .company-search .top-filter-bar .expect .container-bar a {
  font-size: 14px;
  color: #666;
  display: inline-block;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
  margin-right: 0
}

.page-gongsi .company-search .top-filter-bar .expect .container-bar .defalut {
  width: 140px;
  height: 32px;
  background: #fff;
  border-radius: 6px;
  margin: 2px 10px 2px 2px;
  color: #00a6a7;
  font-weight: 700
}

.page-gongsi .company-search .expect .container a.cur {
  background-color: #fff;
  color: #00a6a7;
  width: 140px;
  line-height: 32px;
  margin-top: 2px;
  margin-left: 2px;
  border-radius: 6px;
  font-weight: 700;
  text-align: center;
  display: inline-block
}

.page-gongsi .company-search .expect .container-login {
  background-color: rgba(255,255,255,.6);
  padding: 10px 4px 10px 10px;
  border-radius: 8px
}

.page-gongsi .company-search .expect .container-login img {
  width: 23px;
  height: 23px;
  position: relative;
  top: 8px;
  left: 3px
}

.page-gongsi .company-search .expect .container-login a.default {
  color: #222;
  padding: 6px 10px 6px 7px
}

.page-gongsi .company-search .expect .container-login a.default:hover {
  color: #222;
  font-weight: 400
}

.page-gongsi .company-search .expect .container-login a {
  font-size: 14px;
  color: #666;
  padding: 6px 10px;
  cursor: pointer
}

.page-gongsi .company-search .expect .container-login>a:last-child {
  margin-right: 0
}

.page-gongsi .company-search .expect .container-login a:hover {
  color: #00a6a7;
  font-weight: 700
}

.page-gongsi .company-search .expect .container-login a.cur {
  background-image: linear-gradient(90deg,#16d9d8 0,#00bebd 97%);
  color: #fff;
  line-height: 28px;
  margin-top: 2px;
  margin-left: 2px;
  border-radius: 6px;
  font-weight: 700
}

.page-gongsi .company-search .top-filter-bar .expect .container-login a {
  margin-right: 15px
}

.page-gongsi .company-search .top-filter-bar .expect .container-login a.cur {
  color: #fff
}

.page-gongsi .company-search .filter-bar-right {
  flex-shrink: 0
}

.page-gongsi .company-search .top-filter-bar.show {
  height: 46px
}

.page-gongsi .company-search .top-filter-bar .expect .container {
  height: 36px;
  margin: 0;
  border-radius: 4px;
  position: relative;
  display: inline-block;
  top: -3px
}

.page-gongsi .company-search .filter-bar-right .arrow {
  border: none;
  width: 4px;
  height: 7px;
  margin: 0 10px;
  transform: rotate(90deg);
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.page-gongsi .company-search .filter-bar-right .dropdown-select:hover {
  color: #00a6a7;
  background: #e5f8f8
}

.page-gongsi .company-search .filter-bar-right .dropdown-select {
  display: inline-block;
  padding: 0 6px 0 15px
}

.page-gongsi .company-search .filter-bar-right .dropdown-select:hover .arrow {
  transform: rotate(270deg);
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.page-gongsi .company-search .filter-bar-right .dropdown-wrap {
  text-align: right
}

.page-gongsi .dropdown-menu ul {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #ededed;
  padding: 5px 0
}

.page-gongsi .company-search .filter-bar-right .dropdown-filter-city li,.page-gongsi .company-search .filter-bar-right .dropdown-industry li {
  margin: 0;
  height: 36px;
  line-height: 36px;
  float: left
}

.page-gongsi .company-search .filter-bar-right .dropdown-industry ul {
  right: 174px
}

.page-gongsi .company-search .filter-bar-right .dropdown-filter-city ul {
  right: 96px
}

.page-gongsi .dropdown-menu ul {
  left: -5px
}

.page-gongsi .company-search .filter-bar-right .dropdown-wrap {
  width: auto;
  max-width: 114px
}

.page-gongsi .company-search .filter-bar-right .dropdown-menu {
  min-width: 114px
}

.page-gongsi .company-search .filter-bar-right .dropdown-filter-city .dropdown-menu,.page-gongsi .company-search .filter-bar-right .dropdown-industry .dropdown-menu {
  width: 480px
}

.page-gongsi .page-gongsi .company-search .filter-bar-right .dropdown-select {
  background: #e5f8f8
}

.page-gongsi .company-search .filter-bar-right .dropdown-select.selected .arrow {
  transform: rotate(90deg);
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.page-gongsi .company-search .top-filter-bar {
  font-size: 14px;
  color: #666
}

.page-gongsi .company-search .filter-bar-right .dropdown-filter-city li a,.page-gongsi .company-search .filter-bar-right .dropdown-industry li a {
  padding: 0 15px
}

.page-gongsi .company-search .dropdown-menu {
  position: absolute
}

.page-gongsi .company-search .dropdown-menu a {
  padding: 0 10px
}

.page-gongsi .company-search .dropdown-menu li {
  text-align: left;
  margin: 0 5px
}

.page-gongsi .company-search .filter-bar-right .selected .close {
  display: none
}

.page-gongsi .company-search .filter-bar-right .selected {
  color: #00a6a7;
  display: block
}

.company-search .filter-bar-right .dropdown-menu li {
  line-height: 36px;
  margin: 0 5px
}

.page-gongsi .company-search .dropdown-menu li:hover {
  background: #f8f8f8;
  border-radius: 4px
}

.page-gongsi .company-search .dropdown-menu li:hover a {
  color: #00a6a7
}

.page-gongsi .company-search .filter-bar-right {
  line-height: 34px
}

.page-gongsi .company-search .top-filter-bar .expect .container-login {
  background-color: #fff;
  padding: 7px 12px 7px 0;
  border-radius: 4px;
  top: 5px
}

.page-gongsi .company-search .top-filter-bar .expect a:hover {
  font-weight: 700;
  color: #00a6a7
}

.page-gongsi .company-search .top-filter-bar .expect .cur {
  color: #fff;
  font-weight: 700;
  background: linear-gradient(90deg,#16d9d8 0,#00bebd 100%);
  border-radius: 6px;
  padding: 5px 8px
}

.page-gongsi .company-search .filter-bar-right .dropdown-select {
  height: 32px;
  background: #f8f8f8;
  border-radius: 4px
}

.page-gongsi .links-box .links-wrapper .links-content a {
  color: #666;
  margin: 0 28px 0 0;
  line-height: 26px
}

.page-gongsi .links-box .links-wrapper .links-content a:hover {
  color: #00a6a7
}

.page-gongsi .links-box .title-box .title-item.cur {
  color: #00a6a7;
  font-weight: 700
}

.page-gongsi .links-box .title-box .title-item:hover {
  color: #00a6a7
}

.page-gongsi .links-box .title-box .title-item.cur::after {
  width: 28px;
  height: 3px;
  background: linear-gradient(90deg,#16d9d8 0,#00bebd 100%);
  border-radius: 2px;
  position: absolute;
  top: 30px
}

.page-gongsi #footer.company-gongsi-hot-footer {
  color: hsla(0,0%,100%,.5);
  background-color: #313438;
  margin-top: 0
}

.page-gongsi #footer .icon-client-app,.page-gongsi .icon-app,.page-gongsi .icon-weibo,.page-gongsi .icon-weixin {
  border: none;
  background-color: hsla(0,0%,100%,.1)
}

.page-gongsi .copyright span {
  color: #8d92a1
}

.page-gongsi .footer-about dl dt {
  color: hsla(0,0%,100%,.8)
}

.page-gongsi .copyright a,.page-gongsi .footer-about dl dd a,.page-gongsi .footer-about dl dd p {
  color: hsla(0,0%,100%,.5)
}

.page-gongsi .copyright a,.page-gongsi .footer-about dl dd a,.page-gongsi .footer-about dl dd p {
  color: hsla(0,0%,100%,.5)
}

.page-gongsi .copyright a:hover,.page-gongsi .footer-about dl dd a:hover {
  color: #00a6a7
}

.page-gongsi .page {
  padding: 15px 0 40px 0
}

.page-gongsi .page a {
  color: #666
}

.page-gongsi .page a.next,.page-gongsi .page a.prev {
  border: none;
  border-radius: 6px
}

.page-gongsi .page a.prev {
  background-image: none;
  position: relative
}

.page-gongsi .page a.prev:hover::after {
  width: 5px;
  height: 8px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) 0 -8px/10px auto no-repeat;
  transform: rotate(0)
}

.page-gongsi .page a.next:hover::after {
  width: 5px;
  height: 8px;
  top: 10px;
  right: 10px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) 0 -8px/10px auto no-repeat;
  transform: rotate(180deg)
}

.page-gongsi .page a.prev::after {
  position: absolute;
  content: '';
  width: 4px;
  height: 7px;
  top: 9px;
  right: 12px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
  transform: rotate(180deg)
}

.page-gongsi .page a.next {
  background-image: none;
  position: relative
}

.page-gongsi .page a.next::after {
  position: absolute;
  content: '';
  width: 4px;
  height: 7px;
  top: 10px;
  right: 11px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.page-gongsi .page a:hover {
  color: #fff;
  border-color: #00bebd;
  background-color: #00bebd
}

.page span,.page-gongsi .page a {
  width: 26px;
  height: 26px;
  line-height: 26px;
  border-radius: 6px;
  margin: 0 2px
}

.page-gongsi .page span {
  line-height: 20px;
  cursor: pointer;
  border: none;
  color: #333;
  background-color: transparent
}

.page-gongsi .page span:hover {
  color: #00bebd
}

.page-gongsi .page a.cur {
  background: #00bebd;
  border-color: #00bebd;
  color: #fff
}

.page-gongsi .company-search .page {
  background: 0 0
}

.page-gongsi .links-container {
  margin-top: 0
}

.page-gongsi .data-tips {
  border-radius: 8px;
  margin-bottom: 16px
}

.page-gongsi .position-box .select-tree {
  border-radius: 8px;
  box-shadow: 0 4px 16px 0 rgba(0,0,0,.08)
}

.page-gongsi .position-box .select-tree ul {
  border: none;
  padding: 4px 8px;
  max-height: 286px;
  height: 286px;
  width: 145px;
  border-right: 1px solid #ededed;
  border-radius: 8px
}

.page-gongsi .position-box .select-tree ul.tree-3 {
  height: 286px
}

.page-gongsi .position-box .select-tree.tree-2-show .tree-1 {
  border-radius: 8px 0 0 8px
}

.page-gongsi .position-box .select-tree.tree-2-show .tree-2 {
  border-radius: 0 8px 8px 0
}

.page-gongsi .position-box .select-tree.tree-3-show .tree-2 {
  border-radius: 0
}

.page-gongsi .position-box .select-tree ul.tree-3 {
  border-radius: 0 8px 8px 0
}

.page-gongsi .position-box .select-tree ul.tree-2 {
  display: none
}

.page-gongsi .position-box .select-tree ul:last-child {
  border-right: none
}

.page-gongsi .position-box .select-tree li {
  position: relative;
  line-height: 36px;
  color: #333;
  font-size: 14px;
  transition: all .2s linear;
  padding: 0 16px 0 8px;
  border-radius: 4px
}

.page-gongsi .position-box .select-tree li:after {
  content: '';
  position: absolute;
  right: 8px;
  width: 4px;
  height: 7px;
  top: 14px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.page-gongsi .position-box .select-tree ul.tree-1 li:first-child:after,.page-gongsi .position-box .select-tree ul:last-child li:after {
  content: none
}

.page-gongsi .position-box .select-tree li.selected,.page-gongsi .position-box .select-tree li:hover {
  background: #f8f8f8;
  color: #00a6a7;
  font-weight: 500
}

.page-gongsi .position-box .select-tree li.selected:after,.page-gongsi .position-box .select-tree li:hover:after {
  background-position: -6px -8px
}

.condition-insdustry:after,.job-time:after {
  content: '';
  display: block;
  overflow: hidden;
  visibility: hidden;
  clear: both
}

.condition-insdustry,.job-tags,.job-time {
  zoom:1}

.search-box {
  padding-top: 20px;
  width: 884px;
  position: relative;
  font-size: 13px
}

.search-box-new {
  padding-top: 32px;
  width: auto
}

.search-box-new .search-form {
  width: 884px;
  float: left
}

.search-box-new .search-box-scan {
  z-index: 1001
}

.company-detail-grab .search-box {
  margin-top: 35px;
  padding-top: 0;
  width: auto;
  font-size: 14px
}

.search-form {
  position: relative;
  zoom:1;z-index: 1000
}

.search-form-shadow {
  box-shadow: 0 1px 5px rgba(83,202,195,.5)
}

.nav-search .search-form-shadow {
  box-shadow: none
}

.search-form-con {
  float: left;
  width: 794px
}

#header .search-form-con {
  width: 200px
}

.search-form .ipt-wrap-hover,.search-form-con:hover .ipt-wrap {
  border-color: #53cac3!important;
  -webkit-transition: all linear .1s;
  -moz-transition: all linear .1s;
  -o-transition: all linear .1s;
  transition: all linear .1s
}

.search-form .city-sel-hover,.search-form .industry-sel-hover,.search-form .position-sel-hover,.search-form-con:hover .city-sel,.search-form-con:hover .industry-sel,.search-form-con:hover .position-sel {
  border-color: #53cac3!important;
  -webkit-transition: all linear .1s;
  -moz-transition: all linear .1s;
  -o-transition: all linear .1s;
  transition: all linear .1s
}

.search-form .ipt-wrap {
  background: #fff;
  border: 1px solid #53cac3;
  border-left: none;
  border-right: none;
  height: 42px;
  overflow: hidden
}

.detail-search .ipt-wrap {
  border-color: #e3e7ed;
  width: 507px
}

.suggest-result {
  display: none;
  background: #fff;
  width: 698px;
  position: absolute;
  left: 94px;
  top: 44px;
  z-index: 1;
  border: 1px #f2f2f5 solid;
  box-shadow: 0 1px 8px rgba(0,0,0,.06)
}

.nav-search .suggest-result {
  border: none
}

.suggest-result ul {
  max-height: 250px;
  overflow: auto
}

.suggest-result li {
  line-height: 50px;
  padding: 0 30px;
  border-bottom: 1px #f8f9fc solid;
  cursor: pointer;
  color: #61687c
}

.suggest-result li.selected,.suggest-result li:hover {
  color: #18c3b1;
  background-color: #f8f9fb
}

.suggest-result li .h,.suggest-result li .text-blue {
  font-style: normal;
  color: #18c3b1;
  text-decoration: none
}

.suggest-result li.blank-data {
  color: #9fa3af
}

.suggest-result li:last-of-type {
  border-bottom: 0
}

.ipt-search {
  width: 323px;
  height: 28px;
  line-height: 30px;
  padding: 7px 15px;
  border: 0;
  font-size: 13px;
  color: #414a60
}

.search-job-list-wrap .search-form .ipt-wrap .ipt-search {
  width: 470px
}

.detail-search .ipt-search {
  width: 619px;
  padding: 7px 15px
}

.detail-search .search-form {
  z-index: 1000
}

.btn-search {
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: #fff;
  background: #55cbc4;
  border: 0;
  cursor: pointer;
  font-size: 0;
  width: 90px;
  padding: 0;
  min-width: 0;
  background-position: 34px -138px;
  min-width: 0
}

.city-sel {
  display: block;
  width: 78px;
  height: 28px;
  border: 1px solid #53cac3;
  border-right: none;
  line-height: 30px;
  float: left;
  padding: 6px 15px 8px 15px;
  background-color: #fff;
  position: relative;
  cursor: pointer
}

.industry-sel {
  display: block;
  width: 70px;
  height: 28px;
  border: 1px solid #53cac3;
  border-left: none;
  border-right: none;
  line-height: 30px;
  float: right;
  padding: 6px 15px 8px 15px;
  background-color: #fff;
  position: relative;
  cursor: pointer
}

.position-sel {
  display: block;
  width: 68px;
  height: 28px;
  border: 1px solid #53cac3;
  border-left: none;
  border-right: none;
  line-height: 30px;
  float: right;
  padding: 6px 15px 8px 15px;
  background-color: #fff;
  position: relative;
  cursor: pointer
}

.detail-search .city-sel {
  border-color: #e3e7ed;
  position: absolute;
  right: 90px;
  top: 0
}

.city-sel b,.industry-sel b,.position-sel b {
  font-weight: 400;
  font-size: 13px;
  color: #61687c
}

.industry-box .city-box,.position-box {
  color: #8d92a1
}

.city-sel .line {
  width: 1px;
  height: 26px;
  background-color: #f2f2f5;
  position: absolute;
  top: 8px;
  right: 0
}

.industry-sel .line {
  width: 1px;
  height: 26px;
  background-color: #f2f2f5;
  position: absolute;
  top: 8px;
  left: 0
}

.position-sel .line {
  width: 1px;
  height: 26px;
  background-color: #f2f2f5;
  position: absolute;
  top: 8px;
  left: 0
}

.city-sel .label-text {
  width: 68px;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis
}

.position-sel .label-text {
  width: 52px;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block
}

.industry-sel .label-text {
  width: 55px;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block
}

.city-sel .icon-arrow-down {
  position: absolute;
  right: 7px;
  top: 15px
}

.industry-sel .icon-arrow-down {
  position: absolute;
  right: 10px;
  top: 15px
}

.position-sel .icon-arrow-down {
  position: absolute;
  right: 8px;
  top: 15px
}

.show-city .city-sel .icon-arrow-down {
  background-position: 0 -2067px
}

.city-box {
  display: none;
  position: absolute;
  width: 298px;
  background: #fff;
  top: 45px;
  left: 0;
  z-index: 1;
  color: #9fa3b0;
  box-shadow: 0 2px 8px rgba(0,0,0,.1)
}

.dorpdown-province {
  float: left;
  width: 150px;
  height: 302px;
  overflow: auto
}

.dorpdown-city li,.dorpdown-province li {
  padding-left: 28px;
  line-height: 50px;
  cursor: pointer
}

.dorpdown-province li.cur {
  background: #f1f3f6
}

.dorpdown-city li.cur {
  background: #f1f3f6
}

.dorpdown-city li:hover {
  background: #edf0f3
}

.dorpdown-city {
  margin-left: 150px;
  background: #f8f9fa;
  height: 302px;
  overflow: auto
}

.dorpdown-city ul {
  display: none
}

.dorpdown-city ul.show {
  display: block
}

.show-city .city-box {
  display: block
}

.company-detail-grab .city-sel {
  position: absolute;
  right: 90px;
  top: 0
}

.company-detail-grab .search-form-con {
  width: 746px
}

.company-detail-grab .search-form .ipt-wrap {
  border-left: 1px solid #53cac3
}

.company-detail-grab .search-form .btn-search {
  background-image: url(../images/icons.png);
  background-repeat: no-repeat
}

.detail-search {
  width: auto
}

.detail-search .search-form-con {
  width: 746px
}

.detail-search .search-form .ipt-wrap {
  border-left: 1px solid #e3e7ed;
  width: auto
}

.industry-box {
  display: none;
  position: absolute;
  width: 100%;
  background: #fff;
  top: 55px;
  left: 0;
  z-index: 1;
  color: #9fa3b0;
  box-shadow: 0 2px 8px rgba(0,0,0,.1)
}

.industry-box:before {
  content: '';
  position: absolute;
  top: -17px;
  right: 145px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #fff;
  z-index: 9999
}

.industry-box ul {
  padding: 25px 0 15px 55px
}

.industry-box ul li {
  width: 155px;
  display: inline-block;
  margin-bottom: 12px
}

.industry-box ul li a {
  padding-left: 5px;
  display: block;
  color: #8d92a1;
  transition: none;
  -webkit-transition: none
}

.industry-box ul li.cur a {
  color: #00d7c6
}

.industry-box ul li a:hover {
  background: #f6f6f8
}

.show-industry .industry-box {
  display: block
}

.position-box {
  position: absolute;
  top: 45px;
  left: 596px;
  display: none;
  height: 250px;
  width: 506px
}

.position-box .select-tree ul.tree-3 {
  height: 250px
}

.position-box .select-tree {
  display: inline-block;
  box-shadow: 0 2px 8px rgba(0,0,0,.1);
  zoom:1}

.position-box .select-tree:after {
  content: '';
  display: block;
  overflow: hidden;
  visibility: hidden;
  clear: both;
  box-shadow: 0 2px 8px rgba(0,0,0,.1)
}

.position-box .select-tree ul {
  float: left;
  position: unset
}

.position-box .dropdown-menu {
  display: block
}

.show-position .position-box {
  display: block
}

.show-position .position-box {
  width: auto;
  height: auto
}

.position-box .select-tree ul.tree-2 {
  left: 166px
}

.position-box .select-tree ul.tree-3 {
  left: 332px;
  border-top: none
}

.search-job-list-wrap .industry-box {
  max-height: 258px;
  overflow: overlay;
  overflow: auto
}

.search-job-list-wrap .industry-box ul {
  padding: 25px 0 15px 35px
}

.search-box .search-banner {
  position: absolute;
  left: 786px;
  top: 20px
}

.search-box .search-box-login {
  position: relative;
  width: 282px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background: #fff;
  border: 1px solid #53cac3;
  color: #53cac3;
  font-size: 14px;
  cursor: pointer;
  float: left;
  margin-left: 16px
}

.search-box .search-box-login a {
  display: block;
  color: #53cac3;
  font-size: 14px
}

.search-box .search-box-login-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/box-login-icon.png) center/100% no-repeat;
  position: relative;
  top: -1px;
  vertical-align: middle;
  margin-right: 10px
}

.search-box .search-box-login:hover .search-box-login-close {
  display: block
}

.search-box .search-box-login .search-box-login-close {
  display: none;
  position: absolute;
  top: 2px;
  right: 2px;
  width: 18px;
  height: 18px;
  background: url(../images/search-box-login-close.png) center/100% no-repeat;
  cursor: pointer
}

.search-box-scan {
  position: relative;
  float: right;
  color: #53cac3;
  font-size: 13px;
  margin-top: 7px;
  cursor: pointer;
  line-height: 18px;
  height: 30px;
  overflow: hidden
}

.search-box-scan .search-box-scan-icon {
  display: inline-block;
  width: 20px;
  height: 30px;
  margin-left: 8px;
  background: url(../images/phone-normal.png) center/100% no-repeat;
  margin-right: 8px;
  vertical-align: middle;
  transition: all .15s linear
}

.search-box-scan:hover .search-box-scan-icon {
  background: url(../images/phone-hover.png) center/100% no-repeat
}

.search-box-scan:hover {
  overflow: unset
}

.search-box-scan:hover .search-box-scan-container {
  opacity: 1
}

.search-box-scan .search-box-scan-container {
  opacity: 0;
  position: absolute;
  top: -7px;
  left: -182px;
  z-index: 99;
  width: 178px;
  height: 194px;
  background: #fff;
  border: 1px solid #eee;
  transition: all .15s linear
}

.search-box-scan .search-box-scan-arrow {
  position: absolute;
  top: 18px;
  right: -4px;
  width: 4px;
  height: 4px;
  border: 1px solid #eee;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
  background: #fff
}

.search-box-scan .search-box-scan-qrcode {
  color: #53cac3;
  font-size: 13px;
  line-height: 18px;
  text-align: center
}

.search-box-scan .search-box-scan-qrcode:before {
  content: ' ';
  display: block;
  width: 126px;
  height: 126px;
  margin: 20px auto 3px;
  background: url(../images/boss-download-qrcode.png) center/100% no-repeat
}

.condition-box {
  background: #fff;
  margin-top: 10px;
  font-size: 12px
}

.condition-box dl {
  border-bottom: 1px #eef0f5 solid;
  margin: 0 0;
  display: none
}

.condition-box dl:after,.suggest-result dl:after {
  content: '';
  display: block;
  height: 0;
  visibility: hidden;
  clear: both
}

.condition-box dt {
  float: left;
  width: 50px;
  line-height: 52px;
  font-size: 16px;
  color: #4a4160
}

.condition-box dd {
  padding-top: 2px;
  margin-bottom: 0;
  margin-left: -12px
}

.condition-box dd a {
  display: inline-block;
  background: #fff;
  padding: 0 11px;
  border: 1px #fff solid;
  margin: 0;
  height: 36px;
  line-height: 36px
}

.condition-box dd a:hover {
  color: #fc6c38
}

.condition-box dd .icon-arrow-right {
  margin: 0;
  vertical-align: middle
}

.condition-box dd .vline {
  background: #e9eaef;
  margin: 0 3px
}

.condition-box .condition-city dd a.selected {
  border: 1px #eef0f5 solid;
  border-bottom: solid 1px #fff;
  position: relative;
  top: 1px;
  color: #fc6c38;
  margin: 0 15px
}

.condition-box dd a.disabled {
  color: #414a60;
  border: none;
  cursor: default
}

.condition-box dd a .fz-close-small {
  margin: 0 -4px 0 2px;
  cursor: pointer
}

.condition-box dd a.noborder {
  border-left-color: #fff
}

.condition-box dd .hot-text {
  padding-left: 25px
}

.condition-box .btn-all {
  float: right;
  cursor: pointer
}

.condition-box .btn-all .icon-arrow-down {
  vertical-align: middle;
  margin-left: 10px
}

.condition-box dl.condition-area,.condition-box dl.condition-district {
  margin: 0;
  padding: 0;
  border-bottom: 0;
  background: #fff;
  transition: none;
  -webkit-transition: none
}

.condition-city .link-area,.condition-city .link-district {
  transition: none;
  -webkit-transition: none
}

.condition-area dt,.condition-district dt {
  width: 50px;
  white-space: nowrap
}

.condition-area dd,.condition-district dd {
  margin-bottom: 0;
  padding-bottom: 2px
}

.condition-area dd a,.condition-district dd a {
  background: 0 0;
  border: none
}

.condition-district dd a.selected {
  color: #fc6c38
}

.condition-area dd a.selected {
  color: #fc6c38
}

.condition-box dl.show-condition-area,.condition-box dl.show-condition-district {
  display: block;
  border-bottom: 1px #eef0f5 solid
}

.condition-insdustry dd {
  height: 26px;
  overflow: hidden
}

.condition-insdustry dd.show-all-insdustry {
  height: auto
}

.show-all-insdustry .btn-all {
  color: #fc6c38
}

.show-all-insdustry .btn-all .icon-arrow-down {
  background-position: 1px -87px
}

#filter-box {
  background: #fff;
  position: relative;
  z-index: 999;
  box-shadow: 0 3px 6px rgba(6,0,1,.05)
}

#filter-box.show-top {
  position: fixed;
  width: 100%;
  top: 0
}

#filter-box.show-top .condition-box {
  display: none
}

#filter-box.show-top .filter-select-box {
  margin-top: 5px
}

.filter-select-box {
  height: 40px;
  font-size: 12px
}

.filter-select-box .dropdown-wrap.cur .dropdown-menu {
  display: block!important
}

.filter-select-box .empty-filter {
  float: right;
  line-height: 40px;
  color: #8d92a1;
  margin-right: 0
}

.filter-select-box .dropdown-wrap {
  width: 160px;
  float: left;
  position: relative
}

.filter-select-box .dropdown-select {
  width: 120px;
  min-width: 120px;
  border: none;
  padding-top: 5px;
  font-size: 12px;
  padding-bottom: 3px;
  position: unset
}

.filter-select-box .ipt {
  width: 75px;
  min-width: 75px;
  border: none;
  padding-top: 5px;
  font-size: 12px;
  padding-left: 0;
  padding-right: 3px;
  color: #414a60
}

.filter-select-box .dropdown-menu-open .dropdown-menu {
  display: block;
  width: 125px
}

.filter-select-box .ipt:focus,.radio-checked {
  box-shadow: none
}

.filter-select-box .dropdown-menu {
  position: absolute;
  width: 100%;
  left: 0
}

.filter-select-box .dropdown-menu ul {
  max-height: 400px;
  box-shadow: 0 3px 6px rgba(6,0,1,.05);
  top: 3px;
  border-top: 1px #e3e7ed solid
}

.filter-select-box .dropdown-menu ul a {
  display: block;
  color: #8d92a1
}

.filter-select-box .dropdown-select .icon-select-arrow {
  left: 0;
  top: 6px;
  position: relative
}

.filter-select-box .ipt.selected-box {
  width: auto;
  min-width: auto;
  padding-left: 0;
  padding-right: 15px;
  display: inline-block;
  color: #fc6c38
}

.filter-select-box .ipt.selected-box a {
  color: #fc6c38;
  font-size: 15px
}

.filter-select-box .ipt.selected-box a:hover {
  color: #ff6d39
}

.filter-select-box .dropdown-menu-open .icon-select-arrow {
  background-position: 2px -86px
}

.filter-select-box .dropdown-menu li a {
  transition: none!important;
  -webkit-transition: none!important
}

.job-box {
  margin-top: 30px
}

.job-box.show-top {
  margin-top: 211px
}

.sider {
  float: right;
  width: 284px
}

.sider .nomargin {
  margin-top: 0
}

.sider .promotion-img img {
  width: 100%
}

.company-sider,.job-sider {
  float: right;
  width: 284px;
  padding-bottom: 40px
}

.sider .fill-resume {
  padding: 15px 25px;
  background: #fff;
  margin-bottom: 15px
}

.sider .fill-resume img {
  float: right;
  margin: 4px 15px 0 0
}

.sider .fill-resume h3 {
  height: 25px;
  line-height: 25px;
  color: #61687c
}

.sider .fill-resume p {
  height: 27px;
  line-height: 27px;
  color: #6b7184
}

.sider .fill-resume .btn {
  margin: 0 auto;
  display: block;
  margin-top: 10px;
  border-radius: 100px
}

.sider .vip-guide {
  width: 244px;
  height: 160px;
  padding: 20px;
  background: url(../images/job/vip-guide.png) no-repeat;
  background-size: 100%
}

.sider .vip-guide .title {
  font-size: 18px;
  font-family: PingFangSC-Semibold,PingFang SC;
  font-weight: 600;
  color: #fff;
  line-height: 25px
}

.sider .vip-guide .desc {
  font-size: 14px;
  font-family: PingFangSC-Regular,PingFang SC;
  font-weight: 400;
  color: #fff;
  line-height: 20px;
  opacity: .85;
  margin-top: 4px
}

.sider .vip-guide .btn {
  margin-top: 13px;
  background-color: #ffba54;
  font-size: 14px;
  font-family: PingFangSC-Regular,PingFang SC;
  font-weight: 400;
  color: #120f0a;
  border: 1px solid #ffba54;
  padding: 0;
  line-height: 28px;
  width: 78px;
  height: 28px
}

.subscribe-wechat-wrapper {
  position: relative;
  background-color: #fff;
  margin: 0 300px 6px 0;
  height: 128px
}

.subscribe-wechat-wrapper .close {
  position: absolute;
  z-index: 100;
  top: 3px;
  right: 10px;
  width: 20px;
  height: 20px;
  background: url(../images/icons-resume.png) no-repeat 5px -699px;
  cursor: pointer;
  transition: none
}

.subscribe-wechat-wrapper .close:hover {
  background-position: -27px -699px
}

.subscribe-wechat-wrapper dl {
  float: right;
  margin: 12px 24px 4px auto
}

.subscribe-wechat-wrapper dl img {
  display: block;
  width: 86px;
  height: 86px
}

.subscribe-wechat-wrapper dd {
  color: #9fa3af;
  font-size: 12px;
  text-align: center;
  line-height: 16px
}

.subscribe-wechat-wrapper dt {
  width: 86px;
  height: 86px
}

.subscribe-wechat-wrapper .title {
  display: inline-block;
  margin: 36px 10px 10px 16px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500
}

.subscribe-wechat-wrapper .sub-title {
  display: inline-block;
  color: #9fa3af;
  font-size: 12px
}

.subscribe-wechat-wrapper i.icon {
  float: left;
  width: 64px;
  height: 64px;
  background: url(https://res.zhipin.com/web/geek/resource/icon-subscribe.png) center;
  background-size: contain;
  margin-top: 32px;
  margin-left: 32px
}

.subscribe-wechat-wrapper p {
  margin: 0 260px 0 110px;
  color: #9fa3af;
  font-size: 14px;
  line-height: 20px
}

.subscribe-wechat-wrapper p span {
  color: #54cbc4;
  font-size: 15px
}

.sub-layer {
  position: absolute;
  z-index: -1;
  width: 312px;
  height: 392px;
  right: -304px;
  top: -16px;
  background: url(https://res.zhipin.com/web/geek/resource/bg-subscribe-1.png) center;
  background-size: contain;
  opacity: 0;
  -webkit-transition: all .3s;
  transition: all .3s
}

.subscribe-wechat-wrapper:hover .sub-layer {
  opacity: 1;
  z-index: 200
}

.sub-layer .sub-container {
  margin: 97px 52px 86px 60px;
  background: #fff;
  border-radius: 6px;
  padding: 10px
}

.sub-layer .sub-container .title {
  font-weight: 500;
  margin: 0;
  font-size: 13px;
  line-height: 18px;
  display: block;
  padding: 10px;
  padding-bottom: 0
}

.sub-layer .sub-container .item+.item {
  margin-top: 6px
}

.sub-layer .sub-container .content {
  padding: 0 10px
}

.sub-layer .sub-container .info {
  margin: 0;
  margin-top: 9px;
  margin-bottom: 16px;
  line-height: 17px;
  padding: 0 10px;
  font-size: 12px;
  color: #2c4381
}

.sub-layer .sub-container .t {
  float: left;
  color: #999;
  font-size: 11px;
  line-height: 16px
}

.sub-layer .sub-container .c {
  font-size: 11px;
  line-height: 16px;
  color: #333;
  margin-left: 60px;
  vertical-align: top
}

.sub-layer .sub-container .c.red {
  margin-left: 36px;
  color: red!important
}

.sub-layer .sub-container .bottom {
  border-top: 1px solid #f3f3f3;
  margin-top: 16px;
  padding: 12px 9px;
  background: #fff url(https://res.zhipin.com/web/geek/resource/text-subscribe.png) center 7px no-repeat;
  background-size: contain;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px
}

.job-list {
  background: #fff;
  margin-right: 234px
}

.job-tab {
  line-height: 43px;
  border-bottom: 2px #f2f2f5 solid;
  padding: 0 30px
}

.job-tab a {
  display: inline-block;
  margin-right: 36px;
  font-size: 15px;
  color: #9fa3b0;
  border-bottom: 2px transparent solid;
  position: relative;
  margin-bottom: -2px
}

.job-tab a:hover {
  color: #00d7c6
}

.job-tab a.cur {
  color: #54cbc4;
  border-bottom-color: #00d7c6
}

.job-tab .red-dot {
  margin-left: 5px;
  margin-top: -15px
}

.job-list li {
  height: 88px;
  cursor: pointer
}

.job-list li:hover {
  background-color: #f8f9fb;
  -webkit-transition: all linear .2s;
  transition: all linear .2s
}

.job-list li:hover .job-primary .btn-startchat {
  display: inline-block
}

.job-list li:hover .info-publis {
  display: none
}

.job-list li .name {
  font-size: 16px;
  font-weight: 400;
  height: 26px;
  line-height: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.job-list li .name .job-title {
  font-size: 16px;
  color: #00c2b3;
  font-weight: 400;
  max-width: 170px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle
}

.job-list li .name a {
  height: 26px;
  display: inline-block;
  line-height: 26px
}

.job-list li .name span.red {
  height: 26px;
  display: inline-block;
  line-height: 26px;
  position: relative;
  vertical-align: middle
}

.job-list li .name .red {
  padding-left: 8px
}

.job-list li .primary-wrapper {
  vertical-align: top;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.job-list li .primary-wrapper .job-title {
  font-size: 16px;
  color: #00c2b3;
  font-weight: 400;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle
}

.job-list li .primary-wrapper .primary-box {
  display: inline-block;
  line-height: 26px
}

.job-list li .name .title-box {
  height: 26px;
  white-space: nowrap;
  display: inline-block;
  line-height: 26px
}

.job-list li .primary-wrapper span.red {
  height: 26px;
  display: inline-block;
  line-height: 26px;
  position: relative;
  vertical-align: middle
}

.job-list li .name .job-name-after {
  height: 16px;
  vertical-align: middle;
  margin: -2px 0 0 10px;
  display: inline-block;
  padding: 0 5px;
  border: #5e96f2 solid 1px;
  border-radius: 2px;
  font-size: 12px;
  font-style: normal;
  color: #4a89f1;
  line-height: 16px
}

.job-list li p {
  font-size: 12px;
  color: #9fa3b0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.job-list .job-list-more {
  margin-top: 20px;
  text-align: center
}

.job-list .job-list-more .btn {
  height: 32px;
  line-height: 32px;
  width: 284px
}

.job-primary {
  height: 48px;
  color: #4a4160;
  padding: 20px 0 19px;
  margin: 0 30px;
  border-bottom: 1px #f2f2f5 solid;
  position: relative
}

.job-primary.job-detail-primary {
  height: auto
}

.job-primary .info-primary {
  width: 290px;
  float: left
}

.job-primary .info-company {
  vertical-align: top;
  width: 240px
}

.job-primary .info-company .company-logo {
  display: inline-block
}

.search-job-list-wrap .job-primary {
  height: 130px;
  box-sizing: border-box;
  padding: 0
}

.search-job-list-wrap .job-primary .job-medium-icon {
  position: absolute;
  left: -30px;
  width: 36px
}

.search-job-list-wrap .job-primary .info-primary {
  width: auto;
  height: 70px;
  padding-top: 20px;
  float: none
}

.search-job-list-wrap .job-list {
  background: 0 0;
  margin-right: 300px
}

.search-job-list-wrap .job-list li {
  height: 130px;
  cursor: pointer;
  margin-bottom: 10px;
  background: #fff
}

.search-job-list-wrap .job-list li:hover {
  background: #fff
}

.search-job-list-wrap .job-list li .primary-wrapper {
  float: left;
  width: 460px
}

.search-job-list-wrap .job-list li .job-primary .info-append {
  height: 40px;
  line-height: 40px;
  margin: 0 -30px;
  padding: 0 30px;
  background: #f8f9fc
}

.search-job-list-wrap .job-list li .job-primary .info-append .tags {
  float: left;
  width: 389px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 85px;
  font-size: 0;
  height: 40px
}

.search-job-list-wrap .job-list li .job-primary .info-append .tags .tag-item {
  font-size: 12px;
  height: 21px;
  line-height: 21px;
  padding: 0 8px;
  border: 1px solid #eee;
  border-radius: 2px;
  display: inline-block;
  margin-right: 10px;
  margin-top: 9px;
  color: #61687c
}

.search-job-list-wrap .job-list li .job-primary .info-append .info-desc {
  font-size: 13px;
  float: left;
  width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #61687c
}

.search-job-list-wrap .job-list li .primary-wrapper .job-name-after {
  height: 16px;
  vertical-align: middle;
  margin-top: 2px;
  display: inline-block;
  padding: 0 5px;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
  border: 1px solid #5e96f2;
  border-radius: 2px;
  color: #4a89f1
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title {
  font-size: 0;
  max-width: 460px
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-name {
  margin-right: 10px;
  display: block
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-name {
  max-width: 171px
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-area {
  max-width: 214px
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-area,.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-name {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  float: left
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-name a {
  color: #00c2b3
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-area-wrapper {
  margin-right: 10px;
  float: left
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-area-wrapper::after,.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-area-wrapper::before {
  font-size: 16px;
  vertical-align: middle
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-area-wrapper::before {
  content: '[';
  float: left
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-area-wrapper::after {
  content: ']'
}

.search-job-list-wrap .job-list li .primary-wrapper .job-title .job-pub-time {
  font-size: 13px;
  color: #8d92a1;
  overflow: hidden;
  padding-top: 1px;
  display: block;
  text-overflow: ellipsis
}

.search-job-list-wrap .job-list li .primary-wrapper .job-limit {
  height: 26px;
  overflow: hidden
}

.search-job-list-wrap .job-list li .primary-wrapper .job-limit .red {
  float: left;
  margin-right: 12px
}

.search-job-list-wrap .job-list li .primary-wrapper .job-limit .red+p {
  float: left;
  font-size: 14px;
  margin-right: 13px;
  margin-top: 0;
  max-width: 169px;
  color: #61687c
}

.search-job-list-wrap .job-list li .primary-wrapper .job-limit .info-publis {
  width: auto;
  text-align: left;
  float: left;
  padding: 0 10px;
  border: 1px solid #eee;
  border-radius: 12px;
  height: 21px;
  line-height: 21px;
  margin-top: 1px
}

.search-job-list-wrap .job-list li .primary-wrapper .job-limit .info-publis .name {
  font-weight: 400;
  height: 21px;
  line-height: 21px;
  max-width: 150px;
  color: #6c7388
}

.search-job-list-wrap .job-list li .primary-wrapper .job-limit .info-publis .name .vline {
  margin: -2px 5px 0;
  height: 10px
}

.search-job-list-wrap .job-list .company-list .company-name a {
  font-size: 16px;
  line-height: 22px
}

.search-job-list-wrap .job-primary .info-company {
  width: 350px;
  float: right
}

.search-job-list-wrap .job-primary .info-company .company-text {
  width: auto;
  float: left
}

.search-job-list-wrap .job-primary .info-company .company-logo {
  float: right;
  width: 54px;
  height: 54px;
  border: 1px solid #f3f5fb;
  border-radius: 9px
}

.search-job-list-wrap .job-primary .info-company .company-logo+p {
  font-size: 14px
}

.search-job-list-wrap .job-primary .info-company .company-text .name {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 3px;
  overflow: visible
}

.search-job-list-wrap .job-primary .info-company .company-text .name+p {
  color: #61687c;
  max-width: 270px
}

.search-job-list-wrap .job-primary .info-company .company-text .name+p .false-link {
  color: #61687c
}

.search-job-list-wrap .job-primary .info-company .company-text .name a {
  color: #00c2b3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 196px;
  vertical-align: middle
}

.search-job-list-wrap .job-primary .info-primary .company-text .name .shield-tag {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background: #eef0f5 url(../images/job/icon-shield.png) 6px 3px/13px 10px no-repeat;
  height: 16px;
  line-height: 16px;
  border-radius: 8px;
  color: #8d92a1;
  font-size: 12px;
  padding-left: 22px;
  padding-right: 6px;
  margin-left: 10px;
  overflow: hidden;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear
}

.search-job-list-wrap .job-primary .info-primary .company-text .name .shield-tag:hover {
  background: rgba(0,190,189,.1) url(../images/job/icon-shield-hover.png) 6px 3px/13px 10px no-repeat;
  color: #00a6a7;
  overflow: visible
}

.search-job-list-wrap .job-primary .info-primary .company-text .name .shield-tag:hover:before {
  content: ' ';
  position: absolute;
  top: -12px;
  height: 12px;
  left: 0;
  right: 0
}

.search-job-list-wrap .job-primary .info-primary .company-text .name .shield-tag:hover .shield-popper {
  opacity: 1
}

.search-job-list-wrap .job-primary .info-primary .company-text .name .shield-popper {
  opacity: 0;
  position: absolute;
  bottom: 28px;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
  transform: translate(-50%,0);
  background: #707070;
  color: #fff;
  padding: 12px 104px 12px 20px;
  cursor: default;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear
}

.search-job-list-wrap .job-primary .info-primary .company-text .name .shield-popper:after {
  content: ' ';
  position: absolute;
  left: 50%;
  margin-left: -4px;
  bottom: -8px;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top: 4px solid #707070
}

.search-job-list-wrap .job-primary .info-primary .company-text .name .shield-popper span {
  display: block;
  line-height: 22px;
  font-size: 14px;
  word-break: break-all;
  white-space: normal;
  width: 214px
}

.search-job-list-wrap .job-primary .info-primary .company-text .name .shield-popper a {
  position: absolute;
  top: 50%;
  margin-top: -14px;
  right: 20px;
  width: 70px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background: #00bebd;
  border-radius: 2px;
  color: #fff;
  font-size: 13px;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear
}

.search-job-list-wrap .job-primary .info-primary .company-text .name .shield-popper a:hover {
  background: #5dd5c8
}

.search-job-list-wrap .job-primary .info-publis {
  width: 205px
}

.search-job-list-wrap .job-primary .info-publis h3 {
  font-size: 12px
}

.search-job-list-wrap .job-primary .primary-wrapper .info-detail .job-title {
  color: #fff;
  max-width: unset;
  display: block;
  margin-bottom: 5px
}

.search-job-list-wrap .job-primary .icon-chat {
  width: 13px;
  height: 13px;
  vertical-align: -2px;
  margin: 0 6px 0 0;
  border-radius: 0
}

.search-job-list-wrap .job-primary .icon-chat-hover {
  margin: 0
}

.search-job-list-wrap .job-primary .btn-startchat {
  display: none;
  width: 87px;
  min-width: auto;
  height: 21px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 21px
}

.search-job-list-wrap .company-list .company-item {
  background: #fff;
  margin-bottom: 10px;
  padding: 34px 0 34px 30px;
  min-height: 120px;
  box-sizing: border-box
}

.search-job-list-wrap .company-list .company-item:hover {
  background: #fff
}

.search-job-list-wrap .company-list .company-item .company-left {
  padding-left: 79px
}

.search-job-list-wrap .company-list .company-item .company-left img {
  width: 58px;
  height: 58px;
  top: -3px;
  border: 1px solid #f3f5fb;
  border-radius: 9px
}

.search-job-list-wrap .company-list .company-item .company-left .company-name {
  color: #00c2b3;
  font-size: 18px
}

.search-job-list-wrap .company-list .company-item .company-left .company-name:hover {
  color: #00c2b3!important
}

.search-job-list-wrap .company-list .company-item .company-left .company-info {
  font-size: 14px;
  color: #8d92a1
}

.search-job-list-wrap .company-list .company-item .company-right {
  top: 29px
}

.search-job-list-wrap .info-detail-top .detail-top-right .btn {
  display: inline-block!important;
  width: auto
}

.search-job-list-wrap .job-primary .info-detail-top .detail-top-title {
  max-width: 250px
}

.job-primary .info-primary .primary-wrapper .primary-box.cur .info-detail {
  display: block
}

.job-primary .info-publis {
  float: right;
  white-space: nowrap;
  overflow: hidden;
  width: 175px;
  text-overflow: ellipsis;
  text-align: right
}

.user-center .job-primary .info-publis {
  width: 205px
}

.job-primary .info-publis img {
  width: 20px;
  height: 20px;
  border-radius: 40px;
  vertical-align: middle;
  margin: -3px 10px 0 0
}

.job-primary .info-publis h3 {
  font-size: 13px;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle
}

@-moz-document url-prefix() {
  .job-primary .info-publis {
      text-align: right;
      overflow: auto;
      text-overflow: unset
  }

  .job-primary .info-publis h3 {
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100%
  }
}

.job-primary .info-publis p {
  text-align: right
}

.job-list li .info-primary p {
  margin-top: 2px
}

.job-primary .info-detail {
  position: absolute;
  white-space: normal;
  right: -30px;
  top: 0;
  width: 500px;
  height: auto;
  display: none;
  padding: 0;
  color: #abafba;
  background: rgba(244,247,252,1);
  box-shadow: 0 4px 8px 0 rgba(65,74,96,.2);
  z-index: 1001
}

.company-job .job-list .job-primary .boss-online-tag {
  margin-left: 0;
  margin-right: 10px
}

.company-hotjob .boss-online-tag,.job-detail .boss-online-tag,.job-primary .boss-online-tag {
  display: inline-block;
  position: relative;
  height: 20px;
  background: #d8f9e5;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #1dc165;
  line-height: 20px;
  padding: 0 6px 0 16px;
  margin-left: 10px
}

.company-hotjob .boss-online-tag {
  margin-left: 8px;
  float: left;
  margin-top: 1px
}

.company-hotjob .boss-online-tag:before,.job-detail .boss-online-tag:before,.job-primary .boss-online-tag:before {
  content: ' ';
  position: absolute;
  width: 5px;
  height: 5px;
  top: 7px;
  left: 6px;
  border-radius: 100%;
  background: #45d283
}

.job-primary .online-apply-tag {
  display: inline-block;
  background: rgba(0,190,189,.1);
  border-radius: 4px;
  font-size: 16px;
  color: #00a6a7;
  line-height: 22px;
  margin-left: 16px;
  padding: 0 8px;
  vertical-align: middle
}

.ie .job-primary .info-detail {
  background: #707789
}

.job-primary .name .info-detail .job-title {
  color: #fff;
  max-width: unset;
  display: block;
  margin-bottom: 5px
}

.job-primary .info-detail h4 {
  font-size: 12px;
  color: #fff
}

.job-primary .info-detail h4 span {
  border: solid 1px #fff;
  border-radius: 3px;
  font-weight: 400;
  display: inline-block;
  height: 19px;
  line-height: 20px;
  padding: 0 5px;
  margin-right: 10px
}

.job-primary .info-detail .tags {
  font-size: 12px;
  color: #fff
}

.job-primary .info-detail .tags span {
  border: solid 1px #fff;
  border-radius: 3px;
  font-weight: 400;
  display: inline-block;
  height: 19px;
  line-height: 20px;
  padding: 0 5px;
  margin-right: 10px
}

.job-primary .info-primary .info-detail p {
  color: #fff;
  margin: 7px 0 0 0;
  line-height: 21px;
  height: 45px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.job-primary .info-primary h3 a.cur .info-detail {
  display: block
}

.company-detail-grab .job-list li:hover .info-publis {
  display: block
}

.company-detail-grab .job-list li .name .job-title {
  max-width: 420px
}

.company-detail-grab .job-list li .primary-wrapper .job-title {
  max-width: 420px
}

.company-detail-grab .job-primary .info-primary {
  width: auto
}

.company-detail-grab .job-primary .info-publis {
  width: 175px
}

.company-detail-grab .job-primary .company-tab {
  margin: -20px 0 -10px;
  clear: left
}

.company-detail-grab .company-banner .info-primary p {
  margin-bottom: 8px;
  font-size: 14px
}

.company-detail-grab .company-banner .tag-container {
  margin: 8px 0 15px;
  width: 800px
}

.company-detail-grab .company-banner .tag-container .job-tags span {
  border: 1px solid #666972;
  color: #e7e7e7
}

.company-detail-grab .company-banner .tag-container-hasmore .job-tags span {
  border: 1px solid #5ed5c8;
  color: #5ed5c8
}

.tag-container-hasmore .job-tags {
  height: 26px;
  overflow: hidden
}

.tag-container-hasmore .tag-more {
  top: 0
}

.tag-container-hasmore .tag-more .tag-all {
  display: none;
  position: absolute;
  top: 45px;
  right: 0;
  z-index: 100;
  width: 635px;
  height: auto;
  background: rgba(255,255,255,1);
  box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
  padding: 30px;
  padding-bottom: 10px;
  box-sizing: border-box;
  margin-right: 0;
  overflow: initial
}

.tag-container-hasmore .tag-more:hover .tag-all {
  display: block
}

.company-sider .sider-company {
  border-bottom: 0;
  margin-bottom: 16px
}

.company-sider .sider-company p.gray {
  margin-bottom: 0
}

.company-detail-grab .job-list li .job-primary .info-primary .cur .info-detail {
  display: block
}

.job-primary .info-detail-top {
  position: relative;
  height: 74px;
  padding: 20px
}

.job-primary .info-detail-top .detail-top-title {
  font-size: 16px;
  color: #414a60;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.job-primary .info-detail-top .detail-top-text {
  font-size: 12px;
  max-width: 310px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.info-detail-top .detail-top-right .btn {
  height: 30px;
  line-height: 30px;
  display: inline-block;
  font-size: 13px;
  min-width: 85px;
  margin-top: 0;
  border-radius: 0
}

.info-detail-top .detail-top-right .link-like {
  display: inline-block;
  margin-left: 0;
  font-size: 13px;
  background: url(../images/icons-like-2.png) no-repeat 0 -73px;
  color: #5dd5c8;
  padding-left: 20px;
  -webkit-transition: none;
  transition: none;
  margin-right: 25px
}

.info-detail-top .detail-top-right .link-like:hover {
  background-position: 0 -106px;
  color: #5dd5c8
}

.info-detail-top .detail-top-left .link-like {
  display: inline-block;
  margin-left: 0;
  font-size: 13px;
  background: url(../images/like-white-icon.png) no-repeat 0 4px;
  background-size: 17px;
  color: #5dd5c8;
  padding-left: 20px;
  -webkit-transition: none;
  transition: none;
  margin-right: 25px
}

.info-detail-top .detail-top-left .link-like.active,.info-detail-top .detail-top-left .link-like:hover {
  background-position: 0 -106px;
  color: #5dd5c8;
  background: url(../images/like-active-icon.png) no-repeat 0 4px;
  background-size: 17px
}

.info-detail-top .detail-top-left {
  color: #8d92a1
}

.job-primary .detail-top-right {
  position: absolute;
  right: 20px;
  top: 16px;
  font-size: 13px
}

.job-primary .detail-bottom .detail-bottom-title {
  padding: 10px 0 0;
  font-size: 14px;
  color: #414a60
}

.job-primary .detail-bottom .detail-bottom-text {
  max-height: 260px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  color: #51586d
}

.job-primary .detail-bottom {
  background: #fff;
  padding: 0 20px 23px;
  font-size: 13px
}

.job-primary.detail-box {
  border: none;
  height: auto;
  padding: 0;
  margin: 0
}

.job-primary.detail-box .info-primary {
  width: 500px
}

.job-primary.detail-box .info-company {
  width: 495px;
  float: right;
  text-align: right
}

.name .info-detail .detail-bottom .btn-startchat {
  position: absolute;
  background: #00bebd;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  line-height: 17px;
  height: 21px;
  min-width: auto;
  width: auto;
  box-sizing: border-box;
  display: block;
  padding: 2px 8px 2px 29px;
  top: 0;
  right: 24px;
  z-index: 1;
  border: none;
  transition: all .2s linear
}

.name .info-detail .detail-bottom .btn-startchat:hover {
  background: #47cfcf
}

.name .info-detail .detail-bottom .btn-startchat:before {
  content: " ";
  position: absolute;
  width: 13px;
  height: 12px;
  top: 5px;
  left: 8px;
  z-index: 1;
  background: url(https://img.bosszhipin.com/static/file/2022/mikp4dmkmu1655206943355.png) -17px -15px/30px auto no-repeat
}

.company-job .job-list {
  background: 0 0
}

.company-job .job-list li {
  height: 112px;
  background: #fff;
  margin-bottom: 10px
}

.company-job .job-list li .job-primary {
  border: none;
  padding-top: 30px
}

.company-job .job-list li .job-primary .name {
  font-size: 0
}

.company-job .job-list li .job-primary .name .title-box span {
  vertical-align: middle
}

.company-job .job-list li .job-primary .name .title-box span+span {
  margin-left: 10px
}

.company-job .job-list li .job-primary .name .title-box .job-title {
  max-width: 192px
}

.company-job .job-list li .job-primary .name .title-box .job-area {
  display: inline-block;
  color: #00c2b3;
  font-size: 16px;
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-left: 10px
}

.company-job .job-list li .job-primary .name .title-box .job-pub-time {
  font-size: 13px;
  color: #8d92a1
}

.company-job .job-list li .job-primary .info-publis .name {
  font-size: 14px;
  height: 50px;
  line-height: 50px
}

.company-job .job-list li .job-primary .info-primary .cur .info-detail {
  display: block
}

.company-job .job-list li .job-primary .info-primary .name+p {
  font-size: 14px;
  color: #61687c;
  margin-top: 5px
}

.company-job .job-list li .job-primary .info-primary .name+p .red {
  font-size: 16px;
  margin-right: 16px
}

.company-job .job-list li .startchat-box {
  padding-top: 3px;
  top: 35px
}

.company-job .info-detail {
  width: 458px;
  white-space: normal;
  padding-top: 10px;
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(65,74,96,.2)
}

.company-job .info-detail .detail-bottom-title {
  font-size: 16px
}

.company-job .info-detail .detail-bottom-title:before {
  content: '';
  display: inline-block;
  width: 2px;
  height: 14px;
  background: #55cbc4;
  vertical-align: middle;
  margin: -2px 8px 0 0
}

.company-job .info-detail .detail-bottom-labels {
  font-size: 0;
  margin-top: 10px
}

.company-job .info-detail .detail-bottom-labels .detail-bottom-label {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  border-radius: 20px;
  font-size: 12px;
  padding: 0 12px;
  margin-right: 20px;
  min-width: auto;
  background: #fff;
  border: 1px solid #d1d4db
}

.company-list .company-item {
  padding: 25px;
  position: relative;
  cursor: pointer
}

.company-list .company-item:hover {
  background: #fafafb
}

.company-item .company-left {
  position: relative;
  padding-left: 58px;
  width: 520px
}

.company-item .company-left img {
  width: 48px;
  height: 48px;
  margin-right: 10px;
  position: absolute;
  left: 0
}

.company-item .company-left .company-info {
  font-size: 13px;
  color: #9b9fa9
}

.company-item .company-left .company-name {
  font-size: 16px;
  color: #414a60
}

.company-item .company-left .company-name:hover {
  color: #57cbc4!important
}

.company-item .company-right {
  position: absolute;
  width: 145px;
  right: 20px;
  top: 20px
}

.company-item .company-right .count-item {
  width: 52px;
  font-size: 13px;
  display: inline-block;
  text-align: center
}

.company-item .company-right .count-item:hover .count-about,.company-item .company-right .count-item:hover .count-text {
  color: #57cbc4!important
}

.company-item .company-right .count-text {
  font-size: 18px;
  padding-top: 6px
}

.company-item .company-right .count-about {
  color: rgba(65,74,96,.5);
  font-size: 13px
}

.company-item .company-right .vline {
  height: 45px;
  position: relative;
  top: -13px;
  background: #a0a4af;
  opacity: .3;
  margin: 0 14px
}

.about-job {
  padding: 15px 0 0;
  background: #f2f2f5
}

.sider-list {
  background: #fff;
  margin-bottom: 16px
}

.sider-list h3 {
  height: 45px;
  line-height: 45px;
  font-size: 15px;
  color: #54cbc4;
  padding-left: 30px;
  font-weight: 400;
  border-bottom: solid 2px #f2f2f5
}

.sider-list li {
  margin: 0 30px;
  border-bottom: solid 1px #eef0f5;
  padding: 8px 0 2px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.sider-list li:last-of-type {
  border: none
}

.sider-list li h4 {
  font-weight: 400;
  padding-right: 90px;
  position: relative;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden
}

.sider-list li .salary {
  position: absolute;
  color: #fc6c38;
  right: 0
}

.sider-list li p {
  line-height: 22px;
  color: #8d92a1;
  font-size: 12px;
  margin-bottom: 6px
}

.sider-list .icon-arrow-right {
  position: relative;
  top: 11px;
  color: #a2a6b3;
  float: right
}

.about-search a {
  height: 40px;
  line-height: 40px;
  display: block
}

.about-search a:hover {
  transition: auto
}

.about-search a:hover .icon-arrow-right {
  background-position: 4px -915px
}

.company-card {
  border-bottom: 20px #f2f2f5 solid;
  padding: 30px 40px
}

.company-card:hover {
  background-color: #f8f9fb;
  cursor: pointer
}

.company-card .btns {
  float: right
}

.company-card .btns p {
  text-align: right;
  padding-bottom: 5px
}

.company-card .btns .btn {
  margin-left: 20px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  letter-spacing: 0;
  min-width: 90px
}

.company-card .company-logo {
  width: 60px;
  height: 60px;
  float: left;
  margin-left: 0
}

.company-card .company-logo img {
  width: 60px;
  height: 60px;
  display: block
}

.company-card .info-primary h3 {
  margin-left: 80px;
  font-weight: 400;
  font-size: 20px;
  padding-bottom: 12px
}

.company-card .info-primary p {
  margin-left: 80px
}

.company-header {
  background: #fff;
  margin-top: 20px;
  min-height: 100px;
  padding: 30px 40px
}

.company-figure {
  width: 100px;
  float: left
}

.company-figure img {
  display: block;
  width: 100px;
  height: 100px
}

.company-header .text {
  margin-left: 132px
}

.company-header .text .title {
  font-size: 24px;
  font-weight: 400;
  padding-top: 4px
}

.company-header .text p {
  padding-top: 10px
}

.company-logo {
  width: 62px;
  display: inline-block;
  vertical-align: top;
  margin-left: 23px
}

.company-logo img {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  border: 1px solid #f2f5fa
}

.company-text {
  display: inline-block;
  vertical-align: top;
  width: 100%
}

.job-tags {
  padding-top: 15px
}

.job-tags .job-author {
  float: right;
  text-align: right
}

.job-tags span {
  display: inline-block;
  border: 1px #d1d4da solid;
  padding: 0 12px;
  line-height: 20px;
  border-radius: 15px;
  margin-right: 15px;
  margin-top: 6px;
  font-size: 12px;
  color: #9fa3af;
  margin-bottom: 10px
}

.job-time {
  padding-top: 4px;
  margin-bottom: -2px
}

.job-tags .time,.job-time .time {
  font-size: 12px;
  color: #d1d4da;
  border: 0;
  padding: 0
}

.job-tags .time {
  margin-top: 10px
}

.job-list .job-author p {
  padding-top: 0;
  margin-top: 0;
  color: #4a4160
}

.job-author img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  vertical-align: middle;
  margin-left: 35px
}

.job-banner {
  background: #444c60 url(../images/detail-bg.jpg) center center no-repeat;
  height: 204px;
  color: #fff;
  padding-top: 10px
}

.job-banner .job-author {
  padding-top: 5px
}

.job-banner .job-author .time {
  padding-top: 0;
  background-position: 0 -1190px;
  padding-left: 20px;
  color: #e3e7ed;
  font-size: 12px
}

.job-banner .name {
  font-size: 24px;
  color: #fff;
  font-weight: 400;
  padding: 5px 0 8px
}

.company-banner .name h1,.job-banner .name h1 {
  font-size: 24px;
  display: inline-block;
  font-weight: 400;
  margin-right: 10px;
  line-height: 35px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 400px
}

.job-banner .name a {
  color: #fff
}

.job-banner .name .badge {
  font-size: 14px;
  vertical-align: middle;
  margin-top: -19px
}

.job-banner .vline {
  background: #9fa3b0
}

.job-banner .info-primary p {
  color: #fff
}

.job-banner .job-tags {
  padding-top: 8px;
  height: 27px;
  overflow: hidden;
  display: inline-block
}

.job-banner .info-company {
  padding-top: 36px;
  color: #fff;
  max-width: 570px
}

.detail-grab .job-banner {
  padding-top: 20px;
  height: 161px
}

.detail-grab .job-banner .info-company {
  padding-top: 0;
  width: 495px
}

.detail-grab .job-banner .info-company p {
  overflow: unset;
  white-space: normal
}

.detail-grab .job-banner .info-primary .name {
  padding: 8px 0 10px;
  line-height: 35px
}

.detail-grab .detail-op {
  padding-top: 10px;
  position: relative;
  z-index: 10
}

.detail-grab .pop-detail .jconfirm-box .buttons .btn {
  float: right
}

.job-banner .company-logo {
  width: 102px;
  padding-top: 6px;
  float: right
}

.company-detail-grab .company-banner {
  padding: 35px 0 10px
}

.company-detail-grab .promotion-job li .name {
  font-size: 15px;
  padding-bottom: 2px
}

.company-detail-grab .promotion-job li .gray {
  font-size: 12px
}

.company-detail-grab .job-list {
  margin: 0
}

.company-detail-grab .job-list .detail-op {
  padding-top: 0
}

.company-detail-grab .job-list .job-primary .info-primary {
  width: 500px
}

.company-detail-grab .job-list h3 {
  margin-top: 0;
  padding-bottom: 0;
  font-size: 14px
}

.company-detail-grab .job-list li:hover {
  background: 0 0
}

.company-detail-grab .job-list li:hover .job-title {
  color: #00d7c6
}

.company-detail-grab .job-primary {
  margin: 0
}

.company-detail-grab .job-primary .info-publis h3 {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  float: right;
  text-align: left
}

.company-detail-grab .job-primary .info-publis p {
  margin-top: 28px
}

.company-detail-grab .promotion-job li:last-of-type {
  border-bottom: 1px #f5f7f9 solid
}

.job-banner .company-logo img {
  width: 100px;
  height: 100px;
  border: 0
}

.job-banner .info-company p {
  padding-bottom: 0;
  padding-top: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.job-banner .info-company h3,.job-banner .info-company p {
  margin-right: 138px
}

.job-banner .info-company p a {
  color: #fff
}

.job-detail {
  position: relative;
  padding-right: 25px;
  border-right: 1px #f5f7f9 solid;
  margin-right: 322px;
  padding-bottom: 45px;
  min-height: 813px
}

.job-detail .detail-figure {
  position: absolute;
  top: -62px;
  left: 0
}

.job-detail .detail-figure img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  vertical-align: top
}

.job-detail .detail-op {
  float: left;
  width: 100%;
  padding-top: 0;
  margin-bottom: 10px
}

.job-detail .detail-op .name {
  margin-top: 5px
}

.job-detail .detail-op .boss-desc {
  padding: 2px 7px;
  background: rgba(58,152,252,.1);
  border-radius: 11px;
  color: #3a98fc;
  font-size: 12px;
  margin-left: 18px;
  display: inline-block;
  vertical-align: middle;
  line-height: 17px
}

.job-detail .detail-op .name .geek-evaluate {
  display: inline-block;
  margin-left: 7px
}

.job-detail .detail-op .name .geek-evaluate .evaluate-star {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../images/job/star@2x.png) center center no-repeat;
  background-size: 18px 18px;
  vertical-align: middle;
  margin-right: 3px;
  margin-top: -3px
}

.job-detail .detail-op .name .geek-evaluate .evaluate-score {
  color: #9fa3b0;
  font-size: 18px;
  margin-right: 2px
}

.job-detail .detail-op .name .geek-evaluate .evaluate-top-score {
  color: #9fa3b0;
  font-size: 12px;
  letter-spacing: 1px
}

.ranking-tag-icon {
  position: relative;
  top: -1px;
  display: inline-block;
  white-space: nowrap;
  border-radius: 2px;
  border: 1px solid #333;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  line-height: 12px;
  padding: 2px 4px;
  margin-left: 10px;
  vertical-align: middle
}

.job-detail .detail-op p {
  margin-top: 0
}

.job-detail .detail-op .btns {
  padding-top: 21px
}

.job-detail .detail-content {
  clear: left
}

.job-detail .links {
  width: auto;
  margin-top: 25px
}

.job-detail .recommend-box {
  margin-top: 20px;
  position: relative
}

.job-detail .recommend-box h3 {
  font-size: 15px;
  margin-bottom: 20px;
  font-weight: 400
}

.job-detail .recommend-box .recommend-li {
  width: 357px;
  padding: 9px 25px 8px 35px;
  float: left;
  height: 50px
}

.job-detail .recommend-box .name {
  font-size: 15px;
  position: relative;
  padding-right: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.job-detail .recommend-box .name .red {
  position: absolute;
  right: 0
}

.job-detail .recommend-box .recommend-li p {
  color: #8d92a1
}

.job-detail .slider-main {
  width: auto;
  height: 391px;
  border: solid 1px #eef0f5
}

.job-detail .slider-main ul li {
  margin-top: 12px;
  border-bottom: solid 1px #eef0f5;
  padding-bottom: 5px;
  height: 335px
}

.job-detail .slider-main li {
  height: auto
}

.job-detail .swiper-container .swiper-slide {
  margin-left: -2px
}

.job-detail .recommend-box .swiper-container {
  border: solid 1px #eef0f5
}

.job-detail .recommend-box .swiper-pagination {
  bottom: 0;
  padding: 6px 0;
  border-top: solid 1px #eef0f5
}

.job-detail .recommend-box .btn-direction {
  display: inline-block;
  bottom: 10px;
  top: unset;
  background: url(../images/icons.png) no-repeat;
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 0;
  z-index: 9999
}

.job-detail .recommend-box .btn-prev {
  background-position: 15px -1478px;
  left: 10px
}

.job-detail .recommend-box .btn-next {
  background-position: 15px -1528px;
  right: 10px
}

.job-detail .recommend-box .swiper-pagination-bullet-active {
  background: #54cbc4
}

.job-detail .recommend-box .slider-dot {
  position: absolute;
  bottom: 5px;
  right: 350px;
  top: unset;
  width: 126px
}

.job-detail .recommend-box .slider-dot i {
  height: 10px;
  width: 10px;
  margin-right: 12px;
  border: solid 1px #e5e8ee;
  opacity: 1
}

.job-detail .recommend-box .slider-dot i {
  border-radius: 100px
}

.job-detail .recommend-box .slider-dot i.cur {
  background: #54cbc4;
  border-color: #54cbc4
}

.job-detail .slider-main li {
  font-size: 12px;
  line-height: 25px
}

.job-detail .recommend-box .recommend-noslider ul {
  width: 100%;
  overflow: hidden
}

.job-detail .recommend-box .recommend-noslider ul li {
  width: 130%;
  overflow: hidden
}

.job-detail .recommend-box .recommend-noslider .recommend-li {
  padding: 9px 114px 8px 0
}

.job-detail-float {
  float: left;
  margin-right: 0;
  width: 836px
}

.smallbanner {
  width: 100%;
  height: 80px;
  background: #444c60 url(../images/detail-bg.jpg) center center no-repeat;
  color: #fff;
  position: fixed;
  z-index: 1001;
  top: 0;
  display: none
}

.smallbanner .detail-op {
  padding: 0
}

.smallbanner .detail-op .btns {
  float: right;
  margin-top: 21px;
  padding: 0
}

.smallbanner .detail-op .op-links {
  display: none
}

.smallbanner .btn-outline {
  background: 0 0;
  color: #fff;
  margin-right: 18px
}

.smallbanner .btn-outline:hover {
  background: #6adbcf
}

.smallbanner .btn-disabled:hover {
  background: 0 0
}

.smallbanner .name {
  font-size: 24px;
  line-height: 80px
}

.smallbanner .name a {
  color: #fff;
  line-height: 80px
}

.smallbanner .name span {
  vertical-align: middle;
  margin-top: -3px
}

.company-banner {
  background-color: #444c5f;
  background-position: center 0;
  background-repeat: no-repeat;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  color: #fff;
  padding: 29px 0
}

.company-banner .job-primary {
  border: none;
  padding: 0;
  margin: 0
}

.company-banner .info-company {
  float: none
}

.company-banner .company-logo {
  float: left
}

.company-banner .company-logo {
  width: 80px;
  height: 100px;
  float: right;
  margin-left: 57px
}

.company-banner .company-logo img {
  width: 80px;
  height: 80px;
  border: 0
}

.company-banner .info-primary {
  height: 100px;
  overflow: hidden;
  color: #fff;
  max-width: 800px
}

.company-banner .name {
  font-size: 24px;
  color: #fff;
  font-weight: 400;
  padding: 3px 0 15px
}

.company-banner .info-primary h1,.company-banner .info-primary p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.company-banner .info-primary p {
  padding-bottom: 9px
}

.company-banner .info-primary .vline {
  background: #878d9b
}

.company-banner .company-stat {
  float: right;
  color: #fff;
  padding-top: 0
}

.company-banner .inner {
  position: relative
}

.company-banner .update-time {
  position: absolute;
  right: 0;
  bottom: -29px;
  color: #d1d4da
}

.dark-text,.light-text {
  padding: 65px 0
}

.dark-text .info-primary p,.dark-text .name {
  color: #424a5e
}

.dark-text .company-tab,.light-text .company-tab {
  margin-top: 43px
}

.dark-text .company-tab a {
  color: #424a5e;
  opacity: .8
}

.dark-text .company-tab a.cur {
  color: #424a5e
}

.light-text .company-tab a {
  color: #fff;
  opacity: .8
}

.light-text .company-tab a.cur {
  color: #fff
}

.dark-text .company-stat,.light-text .company-stat {
  display: none
}

.dark-text .company-tab,.light-text .company-tab {
  margin-bottom: -66px
}

.company-stat span {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  line-height: 1.3
}

.company-stat span a {
  color: #fff
}

.company-stat span b {
  display: block;
  font-size: 36px;
  color: #54cbc4;
  font-weight: 400;
  line-height: 36px;
  padding-bottom: 8px;
  text-align: right
}

.company-stat .vline {
  height: 56px;
  background: #636b7c;
  margin: 11px 0 0;
  visibility: hidden
}

.company-stat .vline+span {
  width: 176px
}

.company-tab {
  margin-bottom: -29px;
  margin-top: 0
}

.company-tab a {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #fff;
  margin-right: 45px;
  padding: 13px 0 10px
}

.company-tab a.cur {
  color: #18c3b1;
  border-bottom: 3px #62d5c8 solid
}

.company-tab a.disabled {
  cursor: default;
  color: #9fa3af
}

.company-hotjob {
  background: #f2f2f5;
  padding: 25px 0 18px;
  overflow: hidden
}

.company-hotjob h3 {
  font-weight: 400;
  font-size: 16px;
  padding-bottom: 20px
}

.company-hotjob ul {
  font-size: 0;
  white-space: nowrap
}

.company-hotjob li {
  display: inline-block;
  font-size: 14px;
  margin-right: 15px
}

.company-hotjob li a {
  display: block;
  width: 342px;
  padding: 19px 20px 17px;
  border: 1px #fff solid;
  background: #fff
}

.company-hotjob li a:hover {
  background: #f8f9fb;
  border-color: #f8f9fb
}

.company-hotjob li .name {
  padding-bottom: 10px
}

.company-hotjob li .salary {
  color: #fc703e;
  float: right;
  font-size: 16px
}

.company-hotjob li .name b {
  font-weight: 400;
  font-size: 16px;
  display: block;
  max-width: 226px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.company-hotjob li p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.small-item li {
  width: 224px;
  height: 98px
}

.small-item li a {
  width: 183px
}

.company-products li {
  min-height: 60px;
  overflow: hidden;
  padding: 14px 0
}

.company-products li:last-of-type {
  padding-bottom: 0
}

.company-products .figure {
  width: 60px;
  height: 60px;
  float: left
}

.company-products .figure img {
  width: 60px;
  height: 60px;
  border-radius: 12px;
  background-color: #f7f7f7
}

.company-products .text {
  margin-left: 80px;
  font-size: 16px
}

.company-products .text .name {
  line-height: 24px;
  padding-bottom: 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.company-products .text p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px
}

.company-products-new li {
  min-height: 75px;
  overflow: hidden;
  padding: 30px 0;
  border-bottom: 1px solid #f2f2f2
}

.company-products-new>ul>li:first-child {
  padding-top: 14px
}

.company-products-new li:last-of-type {
  padding-bottom: 0;
  border-bottom: none
}

.company-products-new .figure {
  width: 75px;
  height: 75px;
  float: left
}

.company-products-new .figure img {
  width: 75px;
  height: 75px;
  border-radius: 8px;
  background-color: #f7f7f7
}

.company-products-new .text {
  margin-left: 96px;
  font-size: 16px
}

.company-products-new .text .name {
  color: #414a60;
  font-size: 15px;
  font-size: 500;
  line-height: 21px;
  margin-top: 14px;
  padding-bottom: 9px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.company-products-new .text p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px
}

.company-products-new .text .company-product-slogan {
  font-size: 13px;
  line-height: 18px
}

.company-products-new .company-product-intro {
  width: 100%;
  position: relative;
  max-height: 141px;
  font-size: 14px;
  font-weight: 400;
  color: #51586d;
  line-height: 34px;
  word-break: break-all;
  word-wrap: break-word;
  margin-top: 20px;
  overflow: hidden;
  float: left
}

.company-products-new .company-product-intro.expand {
  max-height: none
}

.company-products-new .company-product-intro.expand .more-view:after {
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
  top: 0
}

.company-products-new .company-product-intro .more-view {
  display: none;
  position: absolute;
  right: 0;
  bottom: 9px;
  z-index: 10;
  padding-left: 22px;
  padding-right: 4px;
  color: #00a6a7;
  transition: all .2s linear;
  background: url(../images/layer-more.png) left center no-repeat;
  line-height: 20px
}

.company-products-new .company-product-intro .more-view:after {
  content: ' ';
  position: relative;
  top: -4px;
  vertical-align: middle;
  border: solid #00a6a7;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4px;
  margin-left: 8px;
  transition: all .2s linear;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transition: all .2s linear
}

.company-products-new .company-product-intro .more-view:hover:after {
  border-color: #00c2b3
}

.company-products-new .company-product-intro .more-view:hover {
  color: #00c2b3
}

.company-products-new .company-product-images {
  float: left;
  margin-top: 20px;
  margin-bottom: -12px;
  width: 100%
}

.company-products-new .company-product-images li {
  float: left;
  margin-bottom: 12px;
  margin-right: 12px;
  width: 120px;
  height: 120px;
  border-radius: 4px;
  overflow: hidden;
  background-color: #f5f5f6;
  text-align: center;
  line-height: 120px;
  position: relative;
  padding: 0;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

.company-products-new .company-product-images li img {
  width: 100%;
  max-height: 100%;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  position: relative;
  z-index: 2;
  object-fit: cover;
  vertical-align: middle
}

.company-sider .job-sec h3 {
  font-size: 15px;
  margin-top: 0
}

.company-sider .manager-list h3 {
  position: relative
}

.manager-list .slider-dot {
  width: 100%;
  top: -30px;
  right: auto;
  left: -7px
}

.manager-list .slider-dot i {
  display: inline-block;
  width: 14px;
  height: 10px;
  border-bottom: 2px #c6c8cf solid;
  margin-right: 8px;
  cursor: pointer;
  opacity: 1
}

.manager-list .slider-dot i.cur {
  border-bottom-color: #62d5c8;
  width: 19px
}

.manager-list .manager-inner {
  position: relative;
  height: auto!important
}

.manager-list li {
  display: none;
  padding-top: 13px
}

.manager-list li.cur {
  display: block!important
}

.manager-list .info-user {
  font-size: 0;
  padding-bottom: 10px;
  display: flex
}

.manager-list .info-user img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  vertical-align: top
}

.manager-list .info-user p {
  display: inline-block;
  margin-left: 20px;
  max-width: 216px
}

.manager-list .info-user .name {
  display: block;
  font-size: 20px;
  padding-bottom: 10px
}

.manager-list .info-user .job-title {
  display: block;
  font-size: 16px
}

.more-view .fz-slidedown {
  background-position: 5px -786px;
  vertical-align: middle
}

.more-view .fz-slideup {
  background-position: 5px -810px;
  vertical-align: middle
}

.manager-list li .fold-text {
  max-height: 108px
}

.company-sider .picture-list h3 {
  margin-top: 5px
}

.picture-list {
  padding-bottom: 15px;
  position: relative
}

.picture-list .slider-main {
  position: relative;
  width: 298px;
  height: 165px!important;
  margin-top: 15px
}

.picture-list li {
  position: absolute;
  top: 0;
  left: 0;
  height: 165px;
  display: none;
  cursor: pointer
}

.picture-list li.cur {
  display: block
}

.picture-list li img {
  display: block;
  width: 298px;
  height: 165px;
  background-color: #f7f7f7
}

.picture-list .slider-dot {
  width: 100%;
  text-align: center;
  right: 0;
  top: auto;
  bottom: 3px;
  display: none
}

.picture-list .slider-dot i {
  width: 13px;
  height: 10px;
  border-bottom: 2px #59cac2 solid;
  background: 0 0;
  margin: 0 4px;
  opacity: .5
}

.picture-list .slider-dot i.cur {
  opacity: 1;
  width: 19px
}

.picture-list .pic-btn {
  display: none;
  position: absolute;
  height: 35px;
  width: 35px;
  background: rgba(0,0,0,.5);
  top: 66px;
  z-index: 1000
}

.ie7 .picture-list .pic-btn,.ie8 .picture-list .pic-btn {
  background: #000 url(../images/icon-arrow-left.png) no-repeat center center
}

.ie7 .picture-list .pic-btn.next,.ie8 .picture-list .pic-btn.next {
  background: #000 url(../images/icon-arrow-right.png) no-repeat center center
}

.picture-list .pic-btn:hover {
  background: rgba(0,0,0,.7)
}

.picture-list .pic-btn:hover:before {
  border-left: solid 1px rgba(255,255,255,1);
  border-bottom: solid 1px rgba(255,255,255,1)
}

.picture-list .pic-btn:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-left: solid 1px rgba(255,255,255,.8);
  border-bottom: solid 1px rgba(255,255,255,.8);
  position: relative
}

.picture-list .pic-btn.prev {
  left: 5px
}

.picture-list .pic-btn.next {
  right: 5px
}

.picture-list .pic-btn.prev:before {
  transform: rotate(45deg);
  left: 12px;
  top: 7px
}

.picture-list .pic-btn.next:before {
  transform: rotate(225deg);
  left: 5px;
  top: 7px
}

.picture-list .slider-main:hover .pic-btn {
  display: block
}

.talent-train .talent-train-tags {
  position: relative;
  margin-top: 10px
}

.talent-train .talent-train-tags.expand ul {
  max-height: none
}

.talent-train .talent-train-tags ul {
  overflow: hidden;
  max-height: 120px
}

.talent-train .talent-train-tags li {
  padding: 0 4px;
  width: 82px;
  height: 28px;
  line-height: 28px;
  background: #f6f6f8;
  border-radius: 2px;
  float: left;
  margin: 0 12px 12px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  color: #414a60
}

.talent-train .talent-train-tags li:nth-child(3n) {
  margin-right: 0
}

.talent-train .talent-train-tags .more-view {
  display: none;
  position: absolute;
  right: 0;
  bottom: 14px;
  font-size: 14px;
  font-weight: 400;
  color: #a5a9b4;
  line-height: 24px
}

.talent-train .talent-train-tags .more-view i {
  position: relative;
  top: -1px
}

.talent-train .talent-train-tags .more-view:hover {
  color: #414a60
}

.talent-train .talent-train-text {
  font-size: 14px;
  font-weight: 400;
  color: #61687c;
  line-height: 30px;
  margin-top: 8px;
  margin-bottom: 15px;
  max-height: 91px;
  word-break: break-all;
  overflow: hidden
}

.talent-train .talent-train-text.expand {
  max-height: none
}

.talent-train .talent-train-text .more-view {
  display: none;
  position: absolute;
  right: 0;
  bottom: 1px;
  color: #a5a9b4;
  padding-left: 22px;
  z-index: 10;
  background: url(../images/layer-more.png) left center no-repeat
}

.talent-train .talent-train-text .more-view i {
  position: relative;
  top: -1px
}

.talent-train .talent-train-text .more-view:hover {
  color: #a5a9b4;
  color: #414a60
}

.recruiter-list ul {
  padding-top: 13px;
  padding-bottom: 10px
}

.recruiter-list li {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px #f5f7f9 solid
}

.recruiter-list li:last-of-type {
  border-bottom: 0
}

.recruiter-list .figure {
  width: 60px;
  height: 60px;
  float: left
}

.recruiter-list .figure img {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 100%
}

.recruiter-list .text {
  margin-left: 80px
}

.recruiter-list .text .name {
  position: relative;
  line-height: 24px;
  font-size: 16px;
  padding-bottom: 5px
}

.recruiter-list .text .name .company-full-name {
  display: none;
  position: absolute;
  bottom: 25px;
  left: -80px;
  right: 0;
  padding-bottom: 10px;
  line-height: 30px;
  text-align: center;
  cursor: default;
  overflow: hidden
}

.recruiter-list .text .name .company-full-name span {
  display: inline-block;
  padding: 0 10px;
  background-color: rgba(159,163,176,.95);
  color: #fff;
  border-radius: 5px;
  font-size: 13px
}

.recruiter-list .text .name .company-full-name span::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 129px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: rgba(159,163,176,.95)
}

.recruiter-list .text .name:hover .company-full-name {
  display: block
}

.recruiter-list .text .gray {
  line-height: 28px;
  color: #61687c
}

.recruiter-list .view-more {
  margin-top: -23px
}

.company-job {
  margin-top: 0
}

.company-job .home-inner {
  margin-top: 18px
}

.company-job .nojob-text {
  margin-top: 28px;
  margin-bottom: 12px
}

.company-job .job-category {
  padding: 20px 0 15px 30px;
  background: #fff;
  width: 1154px;
  margin: 0 auto;
  line-height: 40px;
  position: relative;
  z-index: 10
}

.company-job .job-category a {
  display: inline-block;
  line-height: 40px;
  margin: 0 50px 5px 0
}

.company-job .job-category a.cur {
  color: #18c3b1
}

.company-job .job-category a.last-child,.company-job .job-category a:last-child {
  margin-right: 177px
}

.company-job .job-category.job-filter-show a.last-child,.company-job .job-category.job-filter-show a:last-child {
  margin-right: 50px
}

.company-job .job-list {
  margin-right: 0;
  min-height: 260px;
  margin-bottom: 50px;
  width: 884px;
  padding: 0
}

.company-job .job-list li .name .job-title {
  max-width: 230px
}

.company-job .job-list .job-primary .info-primary {
  width: 305px
}

.company-job .job-author {
  float: right;
  width: 390px;
  padding-top: 20px
}

.company-job .job-author .time {
  float: right;
  font-size: 12px;
  color: #9fa3af;
  margin-top: 20px
}

.company-job .job-author img {
  margin-left: 0;
  margin-right: 15px
}

.company-job .job-list p {
  margin-top: 14px
}

.company-job .job-list p.salary {
  color: #fc6c38;
  font-size: 18px
}

.company-job .job-list-none {
  min-height: 85px;
  padding-top: 175px;
  background: url(../images/job-none.png) no-repeat center 40px #fff;
  text-align: center;
  font-size: 16px;
  color: #61687c
}

@keyframes slideIn {
  0% {
      opacity: 0;
      transform: translate3d(0,-5px,0) scale(1,0)
  }

  100% {
      opacity: 1;
      transform: translate3d(0,0,0) scale(1,1)
  }
}

.company-job .job-category-label {
  float: left;
  width: 90px;
  white-space: nowrap
}

.company-job .job-category-items {
  margin-left: 90px
}

.company-job .job-filter {
  display: none;
  margin-bottom: -15px
}

.company-job .job-filter-show .job-filter {
  display: block
}

.company-job .job-category .job-filter-more {
  position: absolute;
  bottom: 20px;
  right: 30px;
  font-size: 14px;
  color: #54cbc4;
  margin: 0;
  padding-right: 23px;
  background: url(../images/jop-filter.png) no-repeat right 16px;
  cursor: pointer
}

.company-job .job-category .job-filter-more:before {
  content: '更多筛选条件'
}

.company-job .job-filter-show .job-filter-more {
  background-position: right -34px;
  bottom: 5px
}

.company-job .job-filter-show .job-filter-more:before {
  content: '收起'
}

.company-job .job-select {
  display: inline-block;
  position: relative;
  margin: 0 70px 0 0
}

.company-job .job-selected {
  padding: 0 24px 5px 0;
  position: relative;
  cursor: pointer;
  transition: all linear .2s
}

.company-job .job-selected.is-selected {
  color: #18c3b1
}

.company-job .job-selected.is-selected:after {
  border-color: #18c3b1 transparent transparent transparent
}

.company-job .job-selected:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #61687c transparent transparent transparent;
  right: 0;
  top: 50%;
  transition: all linear .2s;
  margin-top: -5px
}

.company-job .job-select.open .job-selected:after {
  border-width: 0 4px 4px 4px;
  border-color: transparent transparent #61687c transparent
}

.company-job .job-select.open .job-selected.is-selected:after {
  border-color: transparent transparent #18c3b1 transparent
}

.company-job .job-selected:hover {
  color: #18c3b1
}

.company-job .job-selected:hover:after {
  border-color: #18c3b1 transparent transparent transparent
}

.company-job .job-options {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  padding: 10px 0 4px;
  width: 140px;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
  transform-origin: 50% 0;
  animation: slideIn .2s both;
  max-height: 350px;
  overflow-y: auto
}

.company-job .open .job-options {
  display: block
}

.company-job .job-options a {
  display: block;
  margin: 0 0 6px!important;
  height: 42px;
  line-height: 42px;
  padding: 0 0 0 16px;
  font-size: 13px;
  color: #8d92a1;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap
}

.company-job .job-category.job-filter-show .job-options a.last-child,.company-job .job-category.job-filter-show .job-options a:last-child {
  margin: 0 0 6px
}

.company-job .job-options a.cur,.company-job .job-options a:hover {
  background: #f3f5f9
}

.company-job .job-list .data-tips {
  min-height: auto;
  padding: 55px 0
}

.detail-op {
  padding-top: 34px;
  padding-bottom: 0
}

.detail-op .btns {
  float: right;
  padding-top: 4px;
  text-align: right
}

.detail-op .btns .btn {
  margin-left: 20px
}

.detail-op .btns .btn:first-of-type {
  margin-left: 0
}

.detail-op .name {
  font-size: 20px;
  color: #424a5e;
  font-weight: 400
}

.detail-op .name .icon-report {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(https://static.zhipin.com/v2/web/boss/images/icons-report.png) 2px 2px no-repeat;
  vertical-align: middle;
  margin-left: 8px;
  cursor: pointer
}

.detail-op .name .icon-report:hover {
  background-position: 2px -45px
}

.detail-op .op-links {
  text-align: right;
  padding-top: 10px;
  position: relative
}

.detail-op .op-links a {
  display: inline-block;
  margin-left: 20px;
  background: url(../images/icons-like-2.png) no-repeat;
  color: #9fa3b0;
  padding-left: 20px;
  -webkit-transition: none;
  transition: none
}

.detail-op .op-links .link-like {
  background: url(../images/like-white-icon.png) no-repeat 0 5px;
  background-size: 15px;
  color: #5dd5c8
}

.detail-op .op-links .link-like.active,.detail-op .op-links .link-like:hover {
  background: url(../images/like-active-icon.png) no-repeat 0 5px;
  background-size: 15px;
  color: #5dd5c8
}

.detail-op .op-links .link-report {
  background-position: 0 6px
}

.detail-op .op-links .link-report:hover {
  background-position: 0 -34px;
  color: #5dd5c8
}

.detail-op .op-links .link-wechat-share {
  position: relative;
  background-position: 0 -138px
}

.detail-op .op-links .link-wechat-share:hover {
  background-position: 0 -166px;
  color: #5dd5c8
}

#wechat-qrcode-layer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 100%
}

#wechat-qrcode-wrap {
  display: none;
  float: left;
  position: absolute;
  top: 36px;
  left: -38px;
  z-index: 10;
  width: 180px;
  height: 180px;
  border: 1px solid rgba(0,0,0,.1);
  box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
  background-color: #fff
}

#wechat-qrcode-wrap .arrow {
  display: block;
  position: relative;
  z-index: 11;
  width: 20px;
  height: 10px;
  margin: -10px auto 0 auto
}

#wechat-qrcode-wrap .arrow-shadow {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  box-shadow: 10px 8px 20px 3px #000
}

#wechat-qrcode-wrap .arrow-noumenon {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent
}

#wechat-qrcode-wrap .qrcode {
  display: block;
  position: relative;
  z-index: 12;
  width: 100%;
  padding: 15px 0;
  background-color: #fff
}

#wechat-qrcode-wrap .qrcode-img {
  display: block;
  position: relative;
  z-index: 13;
  width: 150px;
  height: 150px;
  margin: 0 auto
}

#wechat-qrcode-wrap .brand-logo {
  display: block;
  position: absolute;
  z-index: 14;
  top: 56px;
  left: 56px;
  border-radius: 200px;
  width: 68px;
  height: 68px
}

.chat-list li {
  margin-top: 30px
}

.detail-op p {
  margin-top: 8px
}

.btn-loading:hover {
  background-color: #fff;
  color: #62d5c8;
  cursor: default
}

.job-sec {
  position: relative
}

.chat-sider h3,.job-sec h3,.secretary-sec h3 {
  font-size: 18px;
  font-weight: 400;
  color: #424a5e;
  line-height: 50px;
  padding: 0 0 10px 0;
  margin-bottom: 0;
  background: url(../images/line-sec.png) 0 45px no-repeat
}

.job-sec .text,.secretary-sec .text {
  color: #51586d;
  line-height: 36px
}

.job-sec h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 36px;
  color: #424a5e
}

.job-sec h3 {
  font-weight: 700;
  font-size: 15px;
  color: #424a5e
}

.job-sec h3 .recommend-title {
  width: 180px
}

.job-sec .job-tags {
  padding-top: 4px
}

.secretary-sec h3 {
  background: 0 0;
  margin: 0
}

.secretary-sec .text {
  border-bottom: 1px #f2f2f5 solid;
  padding-bottom: 20px
}

.secretary-sec .text:last-of-type {
  border-bottom: 0
}

.job-sec .fold-text {
  max-height: 181px;
  overflow: hidden;
  position: relative
}

.job-sec .fold-text .more-view {
  position: absolute;
  bottom: 7px;
  right: 0;
  background: url(../images/layer-more.png) no-repeat;
  padding-left: 22px;
  color: #9fa3b0;
  line-height: 24px;
  display: none;
  z-index: 1001
}

.job-sec .fold-text .more-view:hover {
  color: #4a4e52
}

.job-sec .look-all {
  color: #5dd5c8;
  position: absolute;
  bottom: 4px;
  right: 0
}

.level-list {
  margin-top: 5px;
  height: 66px
}

.level-list li {
  display: inline-block;
  width: 246px;
  margin-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.level-list span {
  display: inline-block;
  margin-right: 7px;
  color: #8d92a1
}

.level-list .res-time {
  width: 155px;
  float: right
}

.level-list .company-type {
  width: 350px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.level-list .manage-state {
  width: 230px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.job-sec.company-info .text {
  height: auto;
  overflow: hidden
}

.job-sec.company-info .look-all {
  background: url(../images/layer-more.png) no-repeat;
  padding-left: 20px;
  line-height: 30px
}

.job-sec.company-info .look-all span {
  color: #61687c!important
}

.job-sec .company-tags {
  margin: 15px 0 10px
}

.job-sec .company-tags span {
  display: inline-block;
  margin: 6px 15px 5px 0;
  padding: 0 12px;
  border: 1px solid #d1d4da;
  line-height: 20px;
  color: #9fa3af;
  font-size: 12px;
  border-radius: 15px
}

.job-recomend {
  margin-top: 30px;
  padding-top: 25px;
  border-top: 1px #f5f7f9 solid
}

.detail-search h3,.job-recomend h3 {
  color: #4a4e52;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 24px
}

.company-hotjob .more,.detail-search .more,.job-recomend .more,.promotion-job .more,.recruiter-list .more {
  float: right;
  font-size: 14px;
  color: #9fa3b0;
  background-position: right -1581px;
  padding-right: 28px;
  margin-right: -10px;
  font-weight: 400
}

.company-hotjob .more:hover,.detail-search .more:hover,.job-recomend .more:hover,.promotion-job .more:hover,.recruiter-list .more:hover {
  color: #4a4e52
}

.job-recomend ul {
  font-size: 0;
  white-space: nowrap;
  overflow: hidden
}

.job-recomend li {
  width: 269px;
  margin-right: 14px;
  display: inline-block;
  font-size: 14px
}

.job-recomend li a {
  display: block;
  height: 60px;
  padding: 15px 11px;
  border: 1px #e3e7ed solid
}

.job-recomend li a:hover {
  border: 1px #5dd5c8 solid
}

.job-recomend li .name {
  font-size: 14px;
  margin-bottom: -4px;
  margin-top: -4px
}

.job-recomend li a:hover .name {
  color: #414a60
}

.job-recomend li .name b {
  display: inline-block;
  font-weight: 400;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  margin-top: -2px
}

.job-recomend .company-logo {
  float: left;
  margin-left: 0
}

.job-recomend .company-logo img {
  width: 60px;
  height: 60px
}

.job-recomend .info-primary {
  margin-left: 73px
}

.job-recomend .info-primary p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 22px
}

.company-info-list .company-info-item+.company-info-item {
  margin-top: 30px
}

.company-info-item span {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #414a60;
  line-height: 21px;
  margin-bottom: 10px
}

.company-info-item .text {
  color: #51586d
}

.company-certification .certification-container {
  margin-top: 4px;
  margin-bottom: 15px
}

.company-certification .company-certification-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 8px;
  cursor: pointer;
  vertical-align: middle;
  background: url(../images/info-primary-icon.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center
}

.company-certification .certification-tags {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: -10px;
  overflow: hidden
}

.company-certification .certification-tags li {
  float: left;
  margin: 10px;
  padding: 2px 12px;
  height: 17px;
  line-height: 17px;
  background: #fff;
  border-radius: 11px;
  border: 1px solid #8d92a1;
  font-size: 12px;
  color: #51586d;
  font-weight: 400
}

.company-certification .certification-text {
  display: none
}

.detail-content .text {
  word-break: break-all;
  word-wrap: break-word
}

.detail-content .detail-hasmore .text {
  min-height: 40px
}

.detail-content .suggest-result {
  width: 649px;
  left: 0
}

.detail-content .city-box {
  left: 650px
}

.company-business {
  overflow: hidden
}

.company-business h4 {
  font-size: 16px;
  margin-bottom: 13px
}

.company-business h4 span {
  float: right;
  font-size: 14px;
  color: #9fa3b0
}

.business-detail {
  border: 1px #d9dadf solid;
  padding: 15px 25px;
  padding-right: 12px;
  height: 46px
}

.business-detail label {
  float: right;
  width: 54px;
  cursor: pointer;
  color: #9fa3b0;
  position: relative;
  top: 5px
}

.business-detail label:hover,.company-equity .equity-expand-btn label:hover {
  color: #4a4e52
}

.business-detail .fz-slidedown {
  background-position: 5px -786px;
  vertical-align: middle
}

.business-detail .fz-slideup {
  background-position: 5px -810px;
  vertical-align: middle
}

.business-detail ul {
  font-size: 0
}

.business-detail li {
  display: inline-block;
  vertical-align: top;
  width: 220px;
  font-size: 14px;
  padding: 10px 0
}

.business-detail .t {
  color: #9fa3b0;
  padding-right: 0
}

.business-detail li.col-two {
  width: 440px
}

.business-detail li.col-code {
  width: 290px
}

.business-detail li.col-three {
  width: 786px
}

.business-detail li.col-auto {
  width: auto;
  display: block
}

.show-business-all {
  height: auto!important
}

.company-detail-grab .company-banner.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1006
}

.company-detail-grab .company-tab a.cur {
  border-bottom: none
}

.company-detail-grab .company-tab a {
  position: relative;
  padding-bottom: 16px
}

.company-detail-grab .company-tab a.cur:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #62d5c8
}

.company-detail-grab .company-equity .equity-detail {
  border: 1px solid #dfe0e4;
  border-radius: 10px
}

.company-detail-grab .company-equity .equity-detail .equity-table {
  width: 100%;
  font-size: 14px;
  color: #9fa3b0;
  line-height: 26px
}

.company-detail-grab .company-equity .equity-detail .equity-table th {
  font-weight: 400;
  text-align: left;
  padding: 7px 7px 6px;
  border-bottom: 1px solid #dfe0e4
}

.company-detail-grab .company-equity .equity-detail .equity-table td {
  padding: 7px 7px 6px
}

.company-detail-grab .company-equity .equity-detail .equity-table .column-1 {
  padding-left: 26px
}

.company-detail-grab .company-equity .equity-detail .equity-table .column-2 {
  width: 280px
}

.company-detail-grab .company-equity .equity-detail .equity-table .row-3~tr {
  display: none
}

.company-detail-grab .company-equity .equity-detail .equity-table .equity-expand-btn label {
  cursor: pointer
}

.company-detail-grab .company-equity .equity-detail .equity-table .equity-expand-btn .fz {
  vertical-align: middle;
  width: 24px;
  height: 24px
}

.company-detail-grab .company-equity .equity-detail .equity-table .equity-expand-btn .fz-slidedown {
  background-position: 5px -786px
}

.company-detail-grab .company-equity .equity-detail .equity-table .equity-expand-btn .fz-slideup {
  background-position: 5px -810px
}

.company-detail-grab .user-note {
  margin-top: 32px;
  margin-bottom: -20px;
  font-size: 12px;
  line-height: 17px;
  color: #b1b5c0
}

.special-text .info-primary p,.special-text .name {
  color: #414a60
}

.special-text .company-tab a {
  color: #414a60
}

.special-text .company-tab a.cur {
  color: #414a60
}

.special-text .job-primary .vline {
  background-color: #fff
}

.special-hotjob li {
  width: 218px;
  height: 98px;
  margin-right: 18px;
  box-shadow: 0 0 4px rgba(38,42,57,.1)
}

.special-hotjob li a {
  border: 1px solid #fff;
  padding: 17px;
  width: 182px
}

.special-hotjob li a:hover {
  border-color: #5dd5c8;
  background-color: #fff
}

.special-hotjob li a:hover b {
  color: #414a60
}

.code-box {
  width: 38px;
  height: 148px;
  background-color: #fff;
  border: #edeef1 1px solid;
  border-right: none;
  position: absolute;
  right: 0;
  top: 75px;
  overflow: hidden;
  color: #9fa3b0;
  font-size: 16px;
  cursor: pointer;
  -moz-transition: all linear .5s;
  -webkit-transition: all linear .5s;
  transition: all linear .5s
}

.code-box span {
  width: 18px;
  display: inline-block;
  line-height: 19px;
  padding: 37px 10px;
  position: absolute;
  background-color: #fff;
  right: 0;
  z-index: 10
}

.code-box:hover {
  width: 178px;
  border-color: #fff
}

.code-box:hover img {
  right: 41px
}

.code-box img {
  margin-top: 6px;
  width: 140px;
  height: 140px;
  margin-right: -8px;
  position: absolute;
  right: -74px;
  -moz-transition: all linear .5s;
  -webkit-transition: all linear .5s;
  transition: all linear .5s
}

.company-job .update-time {
  margin: 0 auto 30px;
  color: #9fa3b0;
  width: 1184px
}

.job-box .pos-bread+.update-time {
  color: #9fa3b0;
  font-size: 12px;
  margin-top: 24px
}

.links {
  position: relative;
  height: auto;
  overflow: hidden;
  margin: 30px auto 6px auto;
  width: 1184px;
  font-size: 12px;
  height: 27px;
  overflow: hidden
}

.links label {
  position: absolute;
  right: 0;
  top: 0;
  color: #9fa3b0;
  cursor: pointer
}

.links .links-item {
  margin-bottom: 20px
}

.company-detail-grab .links {
  margin-bottom: 0
}

.company-detail-grab .links .links-item:last-of-type {
  margin-bottom: 0
}

.links dt {
  color: #4a4e52;
  font-size: 15px
}

.links .links-item a {
  color: #9fa3b0;
  font-size: 12px;
  margin-right: 26px;
  display: inline-block
}

.links .links-item a:hover,.links label:hover {
  color: #4a4e52
}

.links .links-item a:hover {
  text-decoration: underline
}

.links .fz-slidedown {
  background-position: 5px -786px;
  vertical-align: middle
}

.links .fz-slideup {
  background-position: 5px -810px;
  vertical-align: middle
}

.links .links-item:first-child dd {
  width: 90%
}

.links-friends {
  height: auto
}

.links-friends dt {
  float: left;
  width: 78px;
  font-size: 12px
}

.links-friends dd {
  margin-left: 85px;
  width: auto!important;
  margin-right: 55px
}

.job-box .satisfaction-feedback {
  margin-bottom: 20px
}

.pos-bread {
  color: #9fa3b0
}

.pos-bread .link-redirect {
  display: inline;
  font-size: 12px;
  font-weight: 400
}

.pos-bread a {
  color: #9fa3b0;
  vertical-align: middle
}

.pos-bread a:hover {
  color: #4a4e52;
  text-decoration: underline
}

.pos-bread .icon-arrow-right {
  margin: -2px 5px 0 6px;
  vertical-align: middle
}

.job-box .pos-bread {
  margin-bottom: -24px;
  font-size: 12px
}

.job-box .pos-bread+.gray {
  font-size: 12px
}

.job-box .city-job-guide {
  margin-bottom: 0
}

.company-new .pos-bread {
  margin-bottom: 0
}

.job-box .city-job-guide {
  margin-top: 10px
}

.search-job-list-wrap .pos-bread {
  margin-bottom: 0
}

.job-banner .pos-bread {
  display: none
}

.company-detail-grab .pos-bread {
  margin-top: 40px
}

#footer .links {
  margin-top: 10px;
  clear: both
}

#footer .links dt,#footer .links label {
  color: #eeeff3
}

#footer .links dt {
  width: 71px
}

#footer .links dd {
  margin-left: 71px
}

#footer .links dd a {
  color: #eeeff3
}

#footer .links .links-item {
  margin-bottom: 0
}

.promotion-download {
  padding: 30px;
  background: #d1d4db;
  margin-top: 40px
}

.promotion-qrcode {
  color: #fff;
  float: left
}

.promotion-qrcode img {
  width: 106px;
  height: 106px;
  display: block
}

.promotion-download .text {
  float: right;
  text-align: right;
  height: 106px;
  overflow: hidden;
  font-size: 16px;
  font-weight: 300;
  line-height: 27px;
  color: #fff
}

.promotion-download .text a {
  color: #fff
}

.promotion-download .text .link-row {
  padding-top: 30px
}

.link-download {
  display: inline-block;
  background-position: 102px -752px;
  padding-right: 25px
}

.promotion-job {
  margin-bottom: 20px;
  padding-bottom: 10px
}

.promotion-job h3 {
  color: #424a5e;
  font-size: 15px;
  font-weight: 500;
  padding: 7px 0 5px
}

.promotion-job li {
  border-bottom: 1px #f5f7f9 solid;
  padding-bottom: 18px
}

.promotion-job li:after {
  content: '';
  clear: both;
  display: block;
  height: 0;
  overflow: hidden
}

.promotion-job li .name {
  font-size: 15px;
  color: #424a5e;
  padding: 20px 0 12px
}

.promotion-job li .name a:hover {
  color: #6adbcf
}

.promotion-job li:last-of-type {
  border-bottom: 0
}

.promotion-job li .gray a {
  color: #9fa3af
}

.promotion-job li .gray a:hover {
  color: #4a4e52
}

.promotion-job .info-primary {
  float: none
}

.promotion-job .name a {
  color: #424a5e
}

.promotion-job .company-logo {
  padding-top: 20px;
  float: right
}

.promotion-job .company-logo img {
  border-radius: 10px;
  display: block
}

.company-detail-grab .promotion-job .company-logo img {
  width: 56px;
  height: 56px
}

.promotion-job .view-more a,.recruiter-list .view-more a {
  display: block;
  border: 1px #e3e7ed solid;
  height: 40px;
  text-align: center
}

.promotion-job .view-more .more,.recruiter-list .view-more .more {
  float: none;
  display: inline-block;
  font-style: normal;
  margin-top: 7px
}

.promotion-img {
  margin-bottom: 16px!important
}

.promotion-img img {
  display: block;
  width: 284px
}

.company-detail-grab .promotion-job .option {
  float: right;
  margin-top: 17px
}

.company-detail-grab .promotion-job .option i {
  cursor: pointer
}

.company-detail-grab .promotion-job .option i:hover {
  color: #5dd5c8
}

.company-detail-grab .promotion-job h3 {
  margin-right: 40px
}

.company-detail-grab .promotion-job .promotion-job-inner {
  position: relative;
  overflow-x: hidden
}

.company-detail-grab .promotion-job ul {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #fff
}

.company-detail-grab .promotion-job ul.cur {
  display: block;
  position: static
}

.company-detail-grab .promotion-job ul.left-out {
  display: block;
  left: -284px;
  right: 284px;
  opacity: 0;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.company-detail-grab .promotion-job ul.right-out {
  display: block;
  left: 284px;
  right: -284px;
  opacity: 0;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.company-detail-grab .job-list h3 {
  background: 0 0
}

.company-detail-grab .job-list .sug-job-title {
  font-size: 16px;
  font-weight: 400;
  color: #00c2b3
}

.company-detail-grab .job-list .view-more a {
  display: block;
  width: 250px;
  height: 34px;
  margin: 20px auto 0;
  border: none;
  line-height: 34px;
  background-color: #5dd5c8;
  color: #fff;
  font-size: 15px;
  text-align: center
}

.company-detail-grab .job-list .view-more a:hover {
  background-color: #6adbcf
}

.job-location {
  box-shadow: 0 0 10px rgba(0,0,0,.1);
  margin-top: 15px
}

.job-location {
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
  margin-top: 20px;
  font-size: 13px;
  position: relative
}

.job-location img,.location-item .amap-icon img {
  width: 100%;
  vertical-align: top
}

.job-location p {
  cursor: pointer;
  position: absolute;
  right: 12px;
  bottom: 12px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
  padding: 2px 10px 2px 40px;
  background: url(../images/map-icon.png) no-repeat 8px center #fff
}

.job-location-map {
  cursor: pointer;
  position: relative;
  width: 836px;
  height: 174px
}

.job-location .tip-inner {
  height: 174px
}

.job-location .tip-inner .gray {
  background: 0 0;
  text-align: center;
  position: relative;
  top: 88px;
  right: 0;
  box-shadow: none
}

.job-location .tip-inner .ui-icon-loading {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(https://z.zhipin.com/web/geek/resource/loading.gif) right center no-repeat;
  background-size: contain;
  vertical-align: -4px;
  margin-right: 4px
}

.map-pop.dialog-wrap {
  z-index: 1102
}

.map-pop .dialog-container {
  margin: -260px 0 0 -330px
}

.job-location-width {
  width: 661px;
  height: 521px;
  margin: 0
}

.job-location-width #map-container,.job-location-width #map-container .map-container {
  height: 470px;
  cursor: pointer
}

.location-address {
  display: block;
  background-position: 15px -420px;
  padding-left: 25px;
  color: #62687a;
  padding: 13px 15px 11px 35px;
  font-size: 15px;
  border-bottom: 1px #ecedef solid
}

.location-item .location-address {
  cursor: pointer
}

.location-address:last-of-type {
  border-bottom: 0
}

.location-address .more-view {
  float: right;
  margin-top: -3px
}

#map-container,.map-container {
  height: 174px;
  cursor: pointer
}

.company-new .job-box #map-container,.company-new .job-box .map-container {
  height: 158px
}

.company-detail-grab .job-box #map-container,.company-detail-grab .job-box .map-container {
  height: 174px
}

.location-item {
  position: relative
}

.location-item .map-container {
  display: none
}

.location-item .amap-info-contentContainer:hover .amap-info-content {
  box-shadow: 0 3px 5px 0 rgb(0 0 0 / 6%)
}

.location-item .amap-info-content {
  background: #fff;
  box-shadow: 0 3px 5px 0 rgb(0 0 0 / 6%);
  border-radius: 4px;
  border: none;
  position: relative;
  overflow: visible;
  padding: 5px 15px;
  white-space: nowrap
}

.location-item .amap-info-content:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid #fff;
  bottom: -8px;
  left: 50%;
  margin-left: -4px
}

.location-item .amap-info-close,.location-item .amap-info-sharp {
  display: none
}

.map-container .tip-inner {
  height: 30px;
  text-align: center
}

.map-container .tip-inner .gray {
  top: auto;
  position: static
}

.map-container .tip-inner .ui-icon-loading {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(https://z.zhipin.com/web/geek/resource/loading.gif) right center no-repeat;
  background-size: contain;
  vertical-align: -4px;
  margin-right: 4px
}

.show-map .map-container {
  display: flex;
  align-items: center;
  justify-content: center
}

.show-map .location-address {
  cursor: default;
  background-position: 15px -1965px
}

.show-map .more-view {
  cursor: default
}

.show-map .more-view .fz-slidedown {
  background-position: 5px -808px
}

.location-item-pop {
  width: 660px;
  height: 501px;
  margin: 0
}

.location-item-pop .map-container {
  height: 470px
}

.promotion-top {
  background: #f6f6f8;
  padding: 20px 25px;
  margin-top: 20px
}

.promotion-top a {
  display: block
}

.promotion-top h3 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 10px
}

.promotion-top .arrow-right {
  float: right;
  width: 28px;
  height: 28px;
  background-position: 3px -1641px;
  margin-top: -1px;
  margin-right: -5px
}

.promotion-top .text-blue {
  color: #5dd5c8;
  padding: 0 5px
}

.promotion-sign {
  background: #f6f6f8;
  padding: 25px 25px 30px;
  margin-top: 30px
}

.promotion-sign .sign-form {
  background: 0 0;
  float: none;
  padding: 0;
  width: 280px
}

.promotion-sign .sign-form .intro {
  padding-bottom: 0
}

.promotion-sign .sign-form .form-row {
  margin-top: 22px
}

.promotion-sign .sign-form .ipt {
  width: 242px
}

.promotion-sign .sign-form .ipt-code {
  width: 122px;
  min-width: 0
}

.promotion-sign .form-btn {
  margin-top: 28px
}

.promotion-sign .form-btn .error-tip {
  margin-top: -28px
}

.job-location-width .input-address {
  display: none;
  position: absolute;
  top: 62px;
  left: 12px;
  background-color: #fff;
  height: 34px;
  z-index: 999
}

.job-location-width .input-address input {
  width: 300px;
  box-sizing: border-box;
  outline: 0;
  border-radius: 4px;
  border: 1px solid #c2c2c2;
  color: #aaa;
  font-size: 13px;
  line-height: 18px;
  padding: 7px 28px 7px 14px;
  transition: all .15s linear
}

.job-location-width .input-address input:focus,.job-location-width .input-address input:hover {
  border-color: #00bebd
}

.job-location-width .input-address .address-icon {
  position: absolute;
  right: 14px;
  top: 10px;
  z-index: 1;
  background-size: 100%;
  width: 13px;
  height: 13px
}

.job-location-width .input-address .address-icon.address-icon-close {
  background-image: url(../images/job/icon-close.png);
  cursor: pointer
}

.job-location-width .input-address .address-icon.address-icon-search {
  background-image: url(../images/job/icon-search.png);
  cursor: pointer
}

.job-location-width .input-address .address-info {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 1;
  padding: 12px;
  box-shadow: 0 3px 5px 0 rgba(0,0,0,.06)
}

.job-location-width .input-address .address-selected-info {
  position: relative;
  padding: 10px 0 10px 21px
}

.job-location-width .input-address .address-selected-info:before {
  content: ' ';
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 11px;
  background-image: url(../images/job/icon-marker.png);
  background-size: 100%
}

.job-location-width .input-address .address-selected-info h2 {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #444;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 2px
}

.job-location-width .input-address .address-selected-info span {
  display: block;
  height: 17px;
  font-size: 12px;
  font-weight: 400;
  color: #aaa;
  line-height: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.job-location-width .input-address .address-job-info {
  position: relative;
  padding: 15px 0 15px 21px;
  border-top: 1px solid #f2f2f2
}

.job-location-width .input-address .address-job-info:before {
  content: ' ';
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 17px;
  background-image: url(../images/job/icon-gift.png);
  background-size: 100%
}

.job-location-width .input-address .address-job-info h2 {
  height: 20px;
  max-width: 196px;
  font-size: 14px;
  font-weight: 400;
  color: #444;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.job-location-width .input-address .address-job-info span {
  position: absolute;
  right: 0;
  top: 15px;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #fe574a;
  line-height: 20px;
  text-align: right;
  max-width: 62px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.job-location-width .input-address .btn {
  width: 100%;
  font-size: 14px;
  height: 32px;
  line-height: 32px
}

.job-location-width .input-address .address-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1;
  max-height: 366px;
  background: #fff;
  padding-top: 10px;
  box-sizing: border-box;
  overflow: auto;
  box-shadow: 0 3px 5px 0 rgba(0,0,0,.06)
}

.job-location-width .input-address .address-list li {
  position: relative;
  padding: 10px 10px 10px 31px;
  cursor: pointer;
  transition: all .15s linear
}

.job-location-width .input-address .address-list li:hover {
  background-color: #f8f8f8
}

.job-location-width .input-address .address-list li:before {
  content: ' ';
  width: 16px;
  height: 16px;
  position: absolute;
  left: 10px;
  top: 12px;
  background-image: url(../images/job/icon-marker.png);
  background-size: 100%
}

.job-location-width .input-address .address-list li h2 {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #444;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 2px
}

.job-location-width .input-address .address-list li h2 em {
  font-style: normal;
  font-weight: 400;
  color: #00a6a7
}

.job-location-width .input-address .address-list li span {
  display: block;
  height: 17px;
  font-size: 12px;
  font-weight: 400;
  color: #aaa;
  line-height: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.job-location-width .amap-info-contentContainer:hover .amap-info-content {
  box-shadow: 0 3px 5px 0 rgb(0 0 0 / 6%)
}

.job-location-width .amap-info-content {
  background: #fff;
  box-shadow: 0 3px 5px 0 rgb(0 0 0 / 6%);
  border-radius: 4px;
  border: none;
  position: relative;
  overflow: visible;
  padding: 5px 15px;
  white-space: nowrap
}

.job-location-width .amap-info-content:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid #fff;
  bottom: -8px;
  left: 50%;
  margin-left: -4px
}

.job-location-width .amap-info-close,.job-location-width .amap-info-sharp {
  display: none
}

.job-location-width .area-marker {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 20px 0 rgba(0,0,0,.17);
  font-size: 14px;
  font-weight: 500;
  color: #333;
  line-height: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.job-location-width .area-marker span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 5px;
  text-align: center
}

.job-location-width .area-marker.active {
  background: #12ada9;
  color: #fff
}

.job-sider .welcome-box img {
  width: 178px;
  height: 150px
}

.job-sider .welcome-text {
  padding-bottom: 20px
}

.job-sider .sign-welcome .form-btn {
  margin-top: 10px
}

.job-sider .sign-welcome div.count-down {
  padding: 10px 0 0
}

.job-sider .salary-miniapp {
  width: 284px;
  height: 170px;
  padding-top: 114px;
  background: url(../images/salary-miniapp.jpg) no-repeat center top;
  background-size: 100%;
  margin-bottom: 16px
}

.job-sider .salary-miniapp img {
  display: block;
  width: 111px;
  height: 111px;
  margin: 0 auto;
  box-shadow: 0 0 0 8px #fff
}

.amap-copyright,.amap-logo {
  z-index: 0!important
}

.container-mes,.container-tip {
  margin-right: 50px;
  position: fixed;
  bottom: 50px;
  z-index: 111111;
  width: 232px;
  right: 0;
  text-align: right;
  display: none
}

.container-mes .message {
  position: relative;
  top: 160px;
  padding-right: 10px
}

.container-mes li {
  margin-bottom: 20px;
  text-align: right;
  display: none
}

.container-mes li .text {
  display: inline-block;
  line-height: 24px;
  background-color: #f2f5fa;
  vertical-align: top;
  color: #424a5e;
  padding: 7px 20px;
  border-radius: 7px;
  max-width: 494px;
  position: relative;
  word-break: break-all;
  border-bottom-right-radius: 0;
  box-shadow: 0 1px 2px 0 rgba(176,176,176,.3)
}

.container-mes .avatar {
  position: relative;
  width: 80px;
  height: 80px;
  padding: 10px 0;
  float: right;
  text-align: center;
  margin-top: 30px
}

.container-mes .avatar img {
  width: 60px;
  height: 60px;
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
  border-radius: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 101;
  cursor: pointer;
  box-shadow: 0 3px 10px 0 rgba(131,131,131,.5)
}

.container-mes .avatar img:hover {
  width: 68px;
  height: 68px
}

.aladingtip {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #565e70;
  display: none;
  z-index: 100;
  background: rgba(86,94,112,.7)
}

.aladingtip img {
  position: fixed;
  right: 190px;
  bottom: 66px
}

.avatar-ani {
  -webkit-animation: scale .8s linear infinite alternate;
  -moz-animation: scale .8s linear infinite alternate;
  -ms-animation: scale .8s linear infinite alternate;
  -o-animation: scale .8s linear infinite alternate;
  animation: scale .8s linear infinite alternate
}

.tip-box {
  background-color: #22c5b4;
  padding: 36px 32px;
  color: #fff;
  text-align: center;
  margin-bottom: 15px
}

.tip-box p {
  font-size: 14px
}

.tip-box .tit {
  font-size: 22px;
  line-height: 40px
}

.tip-box a {
  background-color: #3ed4c4;
  height: 42px;
  display: block;
  line-height: 42px;
  margin-top: 60px;
  color: #fff
}

.tip-box i.trangle {
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-top: 15px solid #22c5b4;
  position: absolute;
  bottom: 49px;
  right: 17px
}

.container-tip {
  bottom: 70px;
  right: 10px
}

.container-tip .tip-bot {
  width: 60px;
  height: 60px;
  position: relative;
  float: right
}

.container-tip .close {
  width: 46px;
  height: 46px;
  border-radius: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #22c5b4 url(../images/close-alading.png) center center no-repeat;
  box-shadow: 0 3px 10px 0 rgba(131,131,131,.5);
  -webkit-transition: all linear .1s;
  transition: all linear .1s
}

.container-tip .close:hover {
  background-color: #18c3b1;
  width: 54px;
  height: 54px
}

.detail-hasmore {
  height: 210px;
  overflow: hidden;
  position: relative
}

ß .detail-hasmore .job-sec .fold-text .more-view {
  display: none!important
}

.detail-hasmore-layer {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
  padding-top: 5px
}

.detail-hasmore .detail-hasmore-layer {
  display: block
}

.detail-hasmore-btn {
  display: block;
  margin: 0 auto;
  width: 250px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 15px;
  color: #a5a9b4
}

.dialog-wrap.pop-detail .dialog-container {
  width: 490px;
  height: 232px;
  margin: -106px 0 0 -245px
}

.pop-detail .dialog-title {
  padding: 37px 43px 25px
}

.pop-detail .dialog-con {
  padding: 0 43px
}

.pop-detail .jconfirm-box .buttons {
  margin-top: -30px
}

.deliver-pop .text {
  font-size: 16px;
  color: #9fa3af;
  min-height: 70px
}

.deliver-pop .btns {
  position: relative;
  margin-top: -10px
}

.deliver-pop .btns .btn,.pop-detail .jconfirm-box .buttons .btn {
  font-size: 14px;
  letter-spacing: 0;
  min-width: 96px;
  margin-right: 20px
}

.deliver-pop .btns #fileupload {
  display: none;
  width: 96px;
  height: 38px;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 34px;
  opacity: 0
}

.deliver-pop .resume-attachment {
  border-bottom: 0;
  padding-bottom: 0
}

.deliver-pop .resume-attachment .loadresume {
  margin-top: -35px
}

.deliver-pop .resume-attachment .fz-close {
  display: none
}

@-webkit-keyframes scale {
  0% {
      transform: scale(1,1)
  }

  100% {
      transform: scale(1.2,1.2)
  }
}

@-moz-keyframes scale {
  0% {
      transform: scale(1,1)
  }

  100% {
      transform: scale(1.2,1.2)
  }
}

@-ms-keyframes scale {
  0% {
      transform: scale(1,1)
  }

  100% {
      transform: scale(1.2,1.2)
  }
}

@-o-keyframes scale {
  0% {
      transform: scale(1,1)
  }

  100% {
      transform: scale(1.2,1.2)
  }
}

@keyframes scale {
  0% {
      transform: scale(1,1)
  }

  100% {
      transform: scale(1.2,1.2)
  }
}

.protocol {
  background: #fff;
  margin: 37px auto 55px auto;
  padding: 15px 45px 65px 45px;
  min-height: calc(100% - 330px);
  box-sizing: border-box
}

.protocol h1 {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 25px;
  font-size: 22px;
  font-weight: 400
}

.protocol img {
  max-width: 100%;
  display: block;
  margin: 0 auto
}

.user-filter-box {
  position: relative;
  z-index: 999;
  box-shadow: none;
  float: left;
  background: #f2f2f5;
  margin-bottom: 17px
}

.user-filter-box .condition-box dd {
  margin-left: 0
}

.user-filter-box .condition-box dl.show-condition-area,.user-filter-box .condition-box dl.show-condition-district {
  border: none
}

.user-filter-box .condition-box dl.condition-district {
  background: #fff
}

.user-filter-box .condition-box .condition-city dd a.selected {
  background: #fff;
  top: 0;
  border: 1px #fff solid
}

.user-filter-box .filter-select-box {
  background: #fff;
  box-shadow: 0 3px 6px rgba(6,0,1,.05)
}

.user-filter-box .condition-city dd a {
  display: inline-block;
  background: #fff;
  padding: 0 11px;
  border: 1px #fff solid;
  margin: 0;
  height: 100%
}

.user-filter-box .condition-box dd {
  padding-top: 0
}

.user-filter-box .now-city-pos {
  min-width: 170px;
  display: inline-block;
  cursor: pointer;
  height: 38px;
  line-height: 38px;
  margin-right: -10px
}

.user-filter-box .now-city-pos .dropdown-select {
  font-weight: 700
}

.radio-checked,.user-filter-box .ipt:focus {
  box-shadow: none
}

.user-filter-box .now-city-pos .dropdown-select .ipt {
  min-width: 140px;
  margin: 0 auto;
  border: none;
  text-align: center;
  width: 140px
}

.user-filter-box .now-city-pos .dropdown-wrap .dropdown-menu ul {
  box-shadow: 0 3px 6px rgba(0,0,0,.05)
}

.user-filter-box .filter-select-box .dropdown-menu a {
  text-align: left
}

.user-filter-box .now-city-pos .dropdown-wrap.cur .dropdown-menu {
  display: block;
  z-index: 1005;
  box-shadow: 0 3px 6px rgba(0,0,0,.05)
}

.now-city-pos .dropdown-select .icon-select-arrow {
  position: relative;
  left: 0;
  top: 5px
}

.now-city-pos .dropdown-wrap.cur .dropdown-menu li a {
  display: block;
  border: none;
  height: 100%;
  line-height: 42px;
  transition: none;
  -webkit-transition: none;
  font-size: 13px;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.now-city-pos .dropdown-wrap.cur .dropdown-menu li:hover a {
  background: #f2f5f9
}

.now-city-pos .dropdown-wrap.cur .dropdown-menu li a.add-myjob {
  color: #18c3b1
}

.user-sider-left {
  margin-right: 234px;
  padding-top: 20px
}

.user-sider-left .search-box {
  padding-top: 0
}

.user-sider-left .job-list {
  margin-right: 0;
  float: left;
  width: 100%
}

.user-sider-left .job-list .no-position {
  text-align: center;
  height: 185px;
  margin: 0 30px;
  border-bottom: 1px #f2f2f5 solid;
  color: #d1d4db;
  overflow: hidden
}

.user-sider-left .job-list .no-position .title {
  margin-top: 60px;
  font-size: 16px;
  color: #61687c
}

.user-sider-left .job-list .load-more {
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: #f1f1f1;
  width: 350px;
  margin: 20px auto 20px;
  display: block
}

.user-center .job-box {
  margin-top: 0
}

.user-center .sider {
  margin-top: 20px
}

.user-filter-box .filter-select-box .dropdown-select {
  width: auto;
  min-width: 0
}

.user-filter-box .filter-select-box .dropdown-wrap {
  width: 135px
}

.user-filter-box .dropdown-wrap {
  text-align: center
}

.empty-filter {
  margin-right: 15px
}

.userinfo-box {
  text-align: center;
  background: #fff;
  padding: 20px 0 15px;
  margin-bottom: 16px;
  position: relative
}

.userinfo-box .dropdown-select input {
  text-align: center
}

.userinfo-box .dropdown-select-open .icon-select-arrow {
  background-position: 5px -2044px
}

.userinfo-box .headbox {
  position: relative
}

.userinfo-box .username {
  box-sizing: border-box;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.userinfo-box .headbox .headimg {
  width: 60px;
  height: 60px;
  border-radius: 200px
}

.userinfo-box .headbox .sex {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../images/icons-sex.png) no-repeat;
  background-size: 14px auto;
  position: absolute;
  right: 70px;
  top: 10px
}

.userinfo-box .headbox .sex.man {
  background-position: 0 0
}

.userinfo-box .headbox .sex.woman {
  background-position: 0 -24px
}

.userinfo-box .userinfo {
  font-size: 12px
}

.userinfo-box .now-state {
  margin: 15px 0 0
}

.userinfo-box .now-state .dropdown-wrap {
  text-align: center
}

.userinfo-box .now-state .ipt {
  width: 128px;
  min-width: 128px
}

.userinfo-box .now-state .dropdown-menu ul {
  box-shadow: 0 3px 6px rgba(6,0,1,.05)
}

.userinfo-box .user-stat {
  margin-top: 20px
}

.userinfo-box .user-stat span {
  display: inline-block;
  width: 46px;
  font-size: 12px;
  line-height: 18px;
  color: #8d92a1;
  text-align: center
}

.userinfo-box .user-stat b {
  display: block;
  font-weight: 400;
  font-size: 15px;
  color: #414a60
}

.userinfo-box .user-stat a {
  display: inline-block
}

.userinfo-box .user-stat a:hover b,.userinfo-box .user-stat a:hover span {
  color: #00d7c6
}

.userinfo-box .dropdown-select-open .dropdown-menu {
  display: block
}

.userinfo-box .dropdown-select .icon-select-arrow {
  top: 11px
}

.userinfo-box .edit-userinfo {
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 1000
}

.user-center .resume-attachment:last-child:after {
  border-bottom: 0;
  margin-top: 10px
}

.user-center .resume-attachment:after {
  margin-top: 10px
}

.user-center .resume-attachment {
  padding-bottom: 5px
}

.sider-recommend {
  padding: 10px 20px;
  background-color: #fff;
  margin-top: 20px
}

.sider-recommend li {
  border-bottom: 1px #edf0f6 solid;
  line-height: 30px;
  padding: 5px
}

.sider-recommend li.last {
  border-bottom: 0
}

.company-job .job-list li {
  position: relative
}

.company-job .job-primary {
  padding-right: 150px
}

.company-job .job-primary .info-publis p {
  margin-top: 2px
}

.company-job .startchat-box {
  float: right;
  width: 175px;
  text-align: right;
  padding-top: 5px;
  position: absolute;
  top: 25px;
  right: 30px
}

.company-job .job-list .info-publis {
  display: block!important
}

.company-detail-grab .job-list li {
  position: relative
}

.company-detail-grab .startchat-box {
  display: none;
  float: right;
  width: 175px;
  margin-top: 2px;
  text-align: right;
  position: absolute;
  top: 25px;
  right: 0
}

.company-detail-grab .job-list li:hover .info-publis {
  display: none
}

.company-detail-grab .job-list li:hover .startchat-box {
  display: block
}

.chat-history {
  background-color: #fff
}

.chat-history ul {
  padding: 10px 30px
}

.chat-history li {
  padding: 17px 0;
  border-bottom: 1px #edf0f5 solid
}

.chat-history li:last-of-type {
  border-bottom: 0
}

.chat-history li .figure {
  float: left;
  padding: 0 15px 0 5px
}

.chat-history li .figure img {
  width: 42px;
  height: 42px;
  border-radius: 100%
}

.chat-history li .item-content {
  margin-left: 65px
}

.chat-history li .info-header {
  overflow: hidden;
  margin-bottom: 9px;
  min-height: 32px
}

.chat-history li .info-header .name {
  font-weight: 400;
  font-size: 14px
}

.chat-history li .info-header .name .gray {
  padding-left: 20px;
  font-size: 12px
}

.chat-history li .info-header .btns {
  float: right;
  display: none
}

.chat-history li .info-header .btn {
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  min-width: 0;
  padding: 0 15px;
  margin-left: 15px;
  border-radius: 2px
}

.chat-history li .info-primary {
  background-color: #fafafc;
  overflow: hidden;
  padding: 10px 20px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px
}

.chat-history li .info-primary:hover {
  background-color: #f5f6f9
}

.chat-history li .job-info p {
  font-size: 12px
}

.chat-history li .job-name .salary {
  padding-left: 20px;
  color: #fc6c38
}

.chat-history li .company-info {
  float: right;
  text-align: right;
  width: 270px
}

.chat-history li .company-info img {
  width: 42px;
  height: 42px;
  float: right;
  margin-top: 4px;
  margin-left: 10px
}

.chat-history li .company-info .text {
  margin-right: 52px
}

.chat-history li .company-info .text b {
  font-weight: 400
}

.chat-history li .company-info .text p {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.chat-history .item-interview .company-info {
  float: left;
  width: 300px;
  text-align: left
}

.chat-history .item-interview .job-info {
  float: right;
  width: 290px;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.chat-history .item-interview .job-name .name {
  display: inline-block;
  max-width: 120px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle
}

.chat-history .item-interview .job-name .salary {
  padding-left: 0;
  color: #fc6c38
}

.chat-history .item-interview .company-info img {
  float: left;
  margin-left: 0
}

.chat-history .item-interview .company-info .text {
  margin-left: 52px;
  line-height: 22px;
  padding-top: 3px;
  margin-right: 0
}

.chat-history .item-interview .company-info .text b {
  font-size: 14px;
  display: inline-block;
  margin-right: 15px
}

.chat-history li:hover .info-header .btns {
  display: block
}

.chat-history .page {
  padding-bottom: 15px;
  margin: 0 30px;
  border-top: 1px #edf0f5 solid;
  margin-top: -11px
}

.remindType input {
  position: relative;
  top: 1px;
  margin-right: 10px
}

.common-dialog .dialog-container {
  width: 490px;
  padding: 40px 30px 30px 40px;
  margin-left: -280px
}

.common-dialog .title {
  font-size: 24px;
  font-weight: 400;
  color: #62687a;
  line-height: 24px
}

.common-dialog .dialog-title {
  margin-bottom: 20px
}

.common-dialog .dialog-con {
  min-height: 75px;
  font-size: 16px;
  color: #62687a;
  line-height: 30px
}

.common-dialog .ipt {
  width: 460px;
  margin-top: 3px;
  color: #62687a;
  font-size: 16px;
  padding: 8px 15px
}

.common-dialog .dialog-footer {
  margin-top: 15px
}

.common-dialog .dialog-footer .btns .btn {
  height: 38px;
  line-height: 38px;
  border-width: 1px;
  padding: 0 28px!important
}

.common-dialog .dialog-footer .btns .btn-disabled {
  cursor: not-allowed;
  background-color: #d1d4db;
  border-color: #d1d4db;
  color: #fff
}

.prop-item h3 span {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  width: 72px;
  height: 22px;
  margin-left: 10px;
  line-height: 22px;
  text-align: center;
  font-size: 12px;
  color: #b7bac4;
  border: 1px solid #d1d4db;
  border-radius: 100px;
  font-weight: 400
}

.prop-item .title {
  font-size: 14px;
  color: #51586d;
  line-height: 20px
}

.prop-item .prop-container {
  position: relative;
  margin-top: 20px;
  height: 8px;
  font-size: 0;
  white-space: nowrap
}

.prop-item .prop-container .text-position {
  position: absolute;
  top: -28px;
  left: 50%;
  margin-left: -35px;
  font-size: 14px;
  color: #51586d
}

.prop-item .prop-container .icon-position {
  margin-left: 0;
  left: -6px;
  padding-left: 20px;
  background: url(../images/prop/icon-position.png) left center no-repeat
}

.prop-item .prop-container span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 100%
}

.prop-item .prop-container span+span {
  margin-left: 1px
}

.prop-item .prop-container em {
  position: relative;
  top: 12px;
  left: -14px;
  font-size: 14px;
  color: #8e93a2;
  line-height: 20px;
  font-style: normal
}

.prop-item .prop-container .level-1 {
  width: 13%;
  background: #5dd5c8;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.prop-item .prop-container .level-2 {
  width: 24%;
  background: #62e1d3
}

.prop-item .prop-container .level-3 {
  width: 24%;
  background: #72e7c6
}

.prop-item .prop-container .level-4 {
  width: 24%;
  background: #85e3f4
}

.prop-item .prop-container .level-5 {
  width: 13%;
  background: #3dccfc;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.prop-item .prop-detail {
  margin-top: 52px;
  margin-bottom: 15px;
  font-size: 14px;
  color: #8e93a2
}

.prop-item .prop-detail>span {
  color: #51586d
}

.prop-item .prop-detail span em {
  color: #6dd9cc;
  padding: 0 4px;
  font-style: normal
}

.prop-item .prop-detail img {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 20px
}

.prop-item .prop-detail b {
  color: #6dd9cc
}

.prop-item .prop-detail .link-detail {
  font-size: 14px;
  color: #6dd9cc
}

.prop-item .pull-right {
  float: right;
  position: relative
}

.prop-item .prop-default .prop-container span {
  background: #f6f6f8
}

.dialog-around-default .dialog-container {
  margin: 30px 0 0 -100px;
  padding: 20px
}

.job-list .job-tips {
  color: #9fa3b0;
  padding: 6px 0;
  padding-left: 20px;
  border-bottom: 4px #f2f2f5 solid
}

.condition-city .city-wrapper {
  max-height: 40px;
  overflow: hidden;
  position: relative;
  padding-right: 72px
}

.condition-box dd a.btn-allcity {
  position: absolute;
  right: 0;
  top: 2px;
  padding-right: 0
}

.condition-box dd .btn-disabled:hover {
  color: #9fa3b0!important
}

.city-dialog .dialog-container {
  width: 900px;
  height: 550px;
  margin: -275px 0 0 -450px
}

.city-dialog .dialog-con {
  height: 100%
}

.city-dialog h4 {
  font-size: 16px;
  color: #424a5e;
  line-height: 50px;
  padding-left: 24px;
  font-weight: 400
}

.city-dialog .city-wrapper {
  height: 500px;
  font-size: 14px;
  color: #424a5e
}

.city-dialog .section-province {
  float: left;
  width: 150px;
  padding-top: 10px;
  height: 490px;
  background-color: #f9fafb;
  overflow-y: scroll
}

.city-dialog .section-province li {
  line-height: 20px;
  padding: 10px 0 10px 24px;
  position: relative;
  cursor: pointer
}

.city-dialog .section-province li:hover {
  background-color: #fff;
  color: #5dd5c8
}

.city-dialog .section-province li.active {
  background-color: #fff;
  color: #5dd5c8
}

.city-dialog .section-province li.active:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: #5dd5c8;
  left: 0;
  top: 0
}

.city-dialog .section-city {
  margin-left: 150px;
  padding: 10px 22px 22px 22px;
  overflow: hidden
}

.city-dialog .section-city li {
  float: left;
  line-height: 40px;
  width: 25%;
  cursor: pointer
}

.city-dialog .section-city li a {
  display: block
}

.city-letter-show.city-dialog h4 {
  font-size: 16px;
  line-height: 70px;
  font-weight: 500;
  color: #414a60;
  padding-left: 30px
}

.city-letter-show.city-dialog .dialog-container {
  width: 786px;
  height: 527px;
  margin: -243px 0 0 -393px
}

.city-letter-show.city-dialog .city-wrapper {
  height: unset
}

.city-letter-show.city-dialog .section-province {
  padding-top: unset;
  background-color: #f9fafb;
  overflow-y: hidden;
  float: none;
  width: 786px;
  height: 39px;
  display: flex;
  align-items: center
}

.city-letter-show.city-dialog .section-province li {
  float: left;
  width: 131px;
  line-height: 39px;
  padding: unset;
  position: relative;
  cursor: pointer;
  text-align: center;
  user-select: none
}

.city-letter-show.city-dialog .section-province li:hover {
  background-color: #f9fafb;
  color: #5dd5c8
}

.city-letter-show.city-dialog .section-province li.active {
  background-color: #f9fafb;
  color: #5dd5c8
}

.city-letter-show.city-dialog .section-province li.active:before {
  content: "";
  position: absolute;
  background-color: #5dd5c8;
  left: 25%;
  top: auto;
  bottom: 0;
  width: 50%;
  height: 2px
}

.city-letter-show.city-dialog .section-city {
  margin-left: 0;
  padding: 20px 0;
  height: 378px;
  overflow-y: scroll;
  overflow-x: hidden
}

.city-letter-show.city-dialog .section-city .hot-city {
  float: left;
  line-height: 40px;
  width: 20%;
  cursor: pointer;
  text-align: center;
  margin-bottom: 8px
}

.city-letter-show.city-dialog .section-city .hot-city:hover {
  color: #5dd5c8
}

.city-letter-show.city-dialog .section-city .hot-city span {
  display: block;
  width: 100%;
  height: 100%
}

.city-letter-show.city-dialog .section-city .classify-city {
  float: unset;
  line-height: 40px;
  width: 100%;
  cursor: pointer;
  text-align: center
}

.city-letter-show.city-dialog .section-city .classify-city:after {
  content: "";
  clear: both;
  height: 0;
  display: block
}

.city-letter-show.city-dialog .section-city .city-title {
  width: 11.2%;
  text-align: center;
  color: #5dd5c8;
  float: left
}

.city-letter-show.city-dialog .section-city .city-main {
  float: left;
  width: 88.8%
}

.city-letter-show.city-dialog .section-city .city-main li {
  width: 20%;
  text-align: left;
  margin-bottom: 8px
}

.city-letter-show.city-dialog .section-city .city-main li span {
  display: block;
  width: 90%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.city-letter-show.city-dialog .section-city .city-main li:hover {
  color: #5dd5c8
}

.dialog-interes .arrow-noumenon {
  display: block;
  position: absolute;
  left: 148px;
  top: -10px;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent
}

.dialog-interes {
  position: absolute;
  text-align: center;
  padding: 40px;
  top: 76px;
  left: -18px
}

.dialog-interes .dialog-container {
  padding: 23px 40px 21px 40px;
  width: 288px
}

.job-detail .dialog-interes .btns {
  float: none;
  text-align: center
}

.dialog-uploadResume .dialog-container {
  padding: 23px 40px 21px 40px
}

.dialog-uploadResume .dialog-container input {
  display: none
}

.five-graph-test {
  background: #fff;
  padding: 20px 30px;
  margin-bottom: 16px;
  position: relative;
  border: solid 1px #eef0f5
}

.five-graph-test h4 {
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #414a60;
  line-height: 20px;
  text-align: left
}

.five-graph-test p {
  font-size: 12px;
  color: #9fa3af;
  line-height: 17px;
  margin: 16px 0;
  text-align: center
}

.five-graph-test i {
  background: url(../images/five-graph.png) no-repeat center;
  display: block;
  background-size: contain;
  width: 192px;
  height: 122px;
  margin: 16px auto
}

.five-graph-test .btn {
  width: 100%;
  margin-top: 14px;
  display: block;
  height: 34px;
  line-height: 34px;
  border: 0 none;
  border-radius: 0
}

.job-primary .info-detail .detail-top-right2 {
  display: flex;
  align-items: center
}

.job-primary .info-detail .detail-top-right2 .detail-top-login {
  width: 120px;
  height: 32px;
  background: #53cac3;
  color: #fff;
  padding: 5px 0;
  font-size: 12px;
  line-height: 16px;
  text-align: center
}

.job-primary .info-detail .detail-top-right2 .code-des {
  font-size: 13px;
  color: #00c2b3;
  width: 78px;
  line-height: 18px;
  margin-right: 4px
}

.job-primary .info-detail .detail-top-right2 .code-icon {
  width: 71px;
  height: 71px;
  background: url(../images/download-app-v63.png) no-repeat;
  background-size: 100% 100%
}

.company-list .company-name .company-guide-loaddown-app {
  width: 11px;
  height: 15px;
  display: inline-block;
  margin-left: 6px;
  background: url(../images/phone2x.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: -3px;
  cursor: pointer;
  -webkit-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s
}

.company-list .company-name .company-guide-loaddown-app:hover {
  background: url(../images/phone2x-hover.png) no-repeat;
  background-size: 100% 100%
}

.company-detail-guide-download-app-v62 {
  display: none;
  position: fixed;
  top: 122px;
  left: 112px;
  z-index: 999;
  width: 130px;
  height: 130px;
  border: 1px solid rgba(227,231,237,1);
  background: #fff;
  box-shadow: 5px 5px 15px rgba(227,231,237,1);
  border-radius: 4px
}

.company-detail-guide-download-app-v62 .app-icon-arrow {
  position: absolute;
  top: 20px;
  left: -6px;
  width: 8px;
  height: 8px;
  border: 1px solid rgba(227,231,237,1);
  border-top: none;
  border-right: none;
  transform: rotate(45deg);
  background: #fff
}

.company-detail-guide-download-app-v62 .app-icon-v62 {
  width: 94px;
  height: 94px;
  background: url(../images/download-app-v63.png) no-repeat;
  background-size: 100% 100%;
  margin: 8px auto 0
}

.company-detail-guide-download-app-v62 .app-icon-des-v62 {
  color: #00c2b3;
  font-size: 13px;
  text-align: center
}

.job-detail-guide-download-app-v62 {
  display: none;
  position: fixed;
  top: 122px;
  left: 112px;
  z-index: 9999;
  padding: 14px;
  border: 1px solid rgba(227,231,237,1);
  background: #fff;
  border-radius: 4px
}

.job-detail-guide-download-app-v62.bottom .app-icon-arrow {
  top: auto;
  bottom: -5px;
  border: 1px solid rgba(227,231,237,1);
  border-bottom: none;
  border-left: none
}

.job-detail-guide-download-app-v62 .app-icon-arrow {
  position: absolute;
  top: -5px;
  left: 76px;
  width: 8px;
  height: 8px;
  border: 1px solid rgba(227,231,237,1);
  border-top: none;
  border-right: none;
  transform: rotate(135deg);
  background: #fff
}

.job-detail-guide-download-app-v62 .app-icon-v62 {
  width: 134px;
  height: 134px;
  background: url(../images/download-app-v63.png) no-repeat;
  background-size: 100% 100%
}

.job-detail-guide-download-app-v62 .app-icon-des-v62 {
  color: #00c2b3;
  font-size: 13px;
  text-align: center
}

.dropdown-city-menu {
  display: block
}

.dropdown-city-menu .city-box {
  display: block;
  width: auto;
  top: 0
}

.dropdown-city-menu .city-box li.cur {
  position: relative;
  color: #00c2b3
}

.dropdown-city-menu .dropdown-city li,.dropdown-city-menu .dropdown-province li,.dropdown-city-menu .dropdown-third li {
  position: relative;
  padding-left: 20px;
  height: 40px;
  line-height: 40px;
  color: #61687c;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden
}

.dropdown-city-menu .city-box li.cur:not(.item-nocity):after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 15px;
  right: 20px;
  background: url(../images/icon-right.png) center center no-repeat
}

.dropdown-city-menu li:hover {
  background: #f2f5f9;
  color: #414a60
}

.dropdown-city-menu .city-box ul {
  width: 168px;
  position: static;
  float: left;
  height: 208px
}

.security-box {
  margin: 40px 0;
  border: 1px solid rgba(223,224,228,1);
  padding: 30px 20px 20px;
  background: url(../images/security-bg.png) right top no-repeat;
  background-size: 116px 83px
}

.security-box h3 {
  font-size: 18px;
  font-weight: 400;
  color: rgba(67,125,242,1);
  line-height: 16px;
  padding-bottom: 10px
}

.security-box h3 p {
  color: #51586d;
  line-height: 24px
}

.security-box p {
  position: relative;
  padding-left: 6px;
  padding-right: 104px
}

.security-box p:before {
  content: ' ';
  position: absolute;
  top: 12px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  background-color: #414a60
}

.security-box .link-report {
  color: #437df2
}

.security-box .link-report {
  color: #72a6f5
}

.security-box .link-info {
  font-size: 12px;
  font-weight: 400;
  color: rgba(159,163,176,1);
  line-height: 12px;
  position: relative;
  padding-left: 4px
}

.security-box .link-info:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  height: 12px;
  background: url(../images/security-right.png) center center no-repeat;
  background-size: contain;
  top: -1px;
  position: relative;
  left: 2px
}

.security-box .link-info:before {
  content: ' ';
  position: absolute;
  top: 6px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  background-color: #9fa3b0;
  margin-right: 2px
}

.security-knowledge-dialog .dialog-container {
  width: 375px;
  margin: 0;
  right: 0;
  top: 0;
  bottom: 0;
  left: auto;
  -webkit-animation: dialogFlyinRight .3s ease-out 0s;
  -moz-animation: dialogFlyinRight .3s ease-out 0s;
  animation: dialogFlyinRight .3s ease-out 0s
}

.security-knowledge-dialog .dialog-container .dialog-con {
  height: 100%
}

.security-knowledge-dialog .dialog-container iframe {
  width: 100%;
  height: 100%
}

.favor-intro-dialog .dialog-container {
  width: 375px;
  margin: 0;
  right: 0;
  top: 0;
  bottom: 0;
  left: auto;
  -webkit-animation: dialogFlyinRight .3s ease-out 0s;
  -moz-animation: dialogFlyinRight .3s ease-out 0s;
  animation: dialogFlyinRight .3s ease-out 0s
}

.favor-intro-dialog .dialog-container .dialog-con {
  height: 100%
}

.favor-intro-dialog .dialog-container iframe {
  width: 100%;
  height: 100%
}

.school-enterprise-dialog .dialog-container {
  width: 375px;
  margin: 0;
  right: 0;
  top: 0;
  bottom: 0;
  left: auto;
  -webkit-animation: dialogFlyinRight .3s ease-out 0s;
  -moz-animation: dialogFlyinRight .3s ease-out 0s;
  animation: dialogFlyinRight .3s ease-out 0s
}

.school-enterprise-dialog .dialog-container .dialog-con {
  height: 100%
}

.school-enterprise-dialog .dialog-container iframe {
  width: 100%;
  height: 100%
}

@keyframes dialogFlyinRight {
  0% {
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      transform: translateX(100%)
  }

  to {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      transform: translateX(0)
  }
}

.company-certification-dialog .dialog-container {
  padding: 30px;
  max-height: 100%;
  margin: 0;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.company-certification-dialog .certification-title {
  color: #414a60;
  font-size: 20px;
  height: 28px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 20px
}

.company-certification-dialog .certification-text {
  width: 740px;
  padding: 20px 30px;
  box-sizing: border-box;
  background-color: #f9fafb
}

.company-certification-dialog .certification-text li {
  font-size: 14px;
  color: #9fa3b0;
  line-height: 23px
}

.company-certification-dialog .certification-text li+li {
  margin-top: 20px
}

.company-certification-dialog .certification-text li h2 {
  color: #414a60;
  font-size: 16px;
  height: 22px;
  line-height: 22px;
  font-weight: 600;
  margin-bottom: 8px
}

.job-detail .job-address-box {
  margin-top: 20px;
  position: relative
}

.job-detail .job-address-box h3 {
  display: inline-block;
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: 400
}

.job-detail .job-address-box .job-address-li {
  width: 357px;
  padding: 9px 25px 8px 35px;
  float: left;
  height: 50px;
  cursor: pointer
}

.job-detail .job-address-box .name {
  font-size: 15px;
  position: relative;
  padding-right: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.job-detail .job-address-box .job-address-li p {
  color: #8d92a1;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  text-overflow: ellipsis;
  max-width: 246px
}

.job-detail .job-address-box .job-address-li .distance {
  display: inline-block;
  color: #8d92a1;
  vertical-align: middle
}

.job-detail .job-address-box .job-address-li .btn-startchat {
  position: absolute;
  top: 0;
  right: 0;
  color: #54cbc4;
  font-size: 14px
}

.job-detail .job-address-box .job-address-li .btn-startchat:hover {
  color: #00d7c6
}

.job-detail .job-address-box .slider-main {
  width: auto;
  height: 391px;
  border: solid 1px #eef0f5
}

.job-detail .job-address-box .slider-main ul li {
  margin-top: 12px;
  border-bottom: solid 1px #eef0f5;
  padding-bottom: 5px;
  height: 335px
}

.job-detail .job-address-box .slider-main li {
  height: auto
}

.job-detail .job-address-box .swiper-container .swiper-slide {
  margin-left: -2px
}

.job-detail .job-address-box .swiper-container {
  border: solid 1px #eef0f5
}

.job-detail .job-address-box .swiper-pagination {
  bottom: 0;
  padding: 6px 0;
  border-top: solid 1px #eef0f5
}

.job-detail .job-address-box .btn-direction {
  display: inline-block;
  bottom: 10px;
  top: unset;
  background: url(../images/icons.png) no-repeat;
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 0;
  z-index: 9999
}

.job-detail .job-address-box .btn-prev {
  background-position: 15px -1478px;
  left: 10px
}

.job-detail .job-address-box .btn-next {
  background-position: 15px -1528px;
  right: 10px
}

.job-detail .job-address-box .swiper-pagination-bullet-active {
  background: #54cbc4
}

.job-detail .job-address-box .slider-dot {
  position: absolute;
  bottom: 5px;
  right: 350px;
  top: unset;
  width: 126px
}

.job-detail .job-address-box .slider-dot i {
  height: 10px;
  width: 10px;
  margin-right: 12px;
  border: solid 1px #e5e8ee;
  opacity: 1
}

.job-detail .job-address-box .slider-dot i {
  border-radius: 100px
}

.job-detail .job-address-box .slider-dot i.cur {
  background: #54cbc4;
  border-color: #54cbc4
}

.job-detail .job-address-box .slider-main li {
  font-size: 12px;
  line-height: 25px
}

.job-detail .job-address-box .job-address-noslider ul {
  width: 100%;
  overflow: hidden
}

.job-detail .job-address-box .job-address-noslider ul li {
  width: 130%;
  overflow: hidden
}

.job-detail .job-address-box .job-address-noslider .job-address-li {
  padding: 9px 114px 8px 0
}

.job-detail .job-address-box .all-address-btn {
  display: inline-block;
  margin-left: 20px;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #5dd5c8;
  line-height: 20px
}

.job-detail .job-address-box .all-address-btn:hover {
  color: #00d7c6
}

.job-detail .obstacle-case-single {
  font-size: 14px;
  font-weight: 400;
  color: #666;
  line-height: 20px;
  word-break: break-all;
  vertical-align: middle
}

.job-detail .obstacle-case-single:before {
  content: ' ';
  display: inline-block;
  width: 16px;
  height: 12px;
  margin-right: 10px;
  background: url(https://img.bosszhipin.com/static/file/2022/k1ivfff3uf1649229940489.png) center/16px 12px no-repeat;
  vertical-align: middle;
  position: relative;
  top: -1px
}

.job-detail .obstacle-case-list {
  margin: -8px;
  overflow: hidden
}

.job-detail .obstacle-case-list li {
  float: left;
  width: 214px;
  height: 63px;
  padding: 12px 16px;
  border-radius: 3px;
  margin: 8px;
  border: 1px solid #ebebeb
}

.job-detail .obstacle-case-list li span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #444;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden
}

.job-detail .obstacle-case-list li span em {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 188px
}

.job-detail .obstacle-case-list li span img {
  margin-right: 8px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  position: relative;
  top: -1px
}

.job-detail .obstacle-case-list li p {
  display: block;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  line-height: 20px;
  margin-top: 5px;
  overflow: hidden;
  word-break: break-all
}

.boss-list,.deliver-list {
  margin-right: 360px;
  min-height: 630px
}

.deliver-sider {
  width: 210px
}

.deliver-sider .nav-option {
  width: 100%;
  height: 126px;
  margin-bottom: 20px;
  border-top: 4px solid #5dd5c8
}

.deliver-sider .nav-option a {
  float: left;
  height: 126px;
  background-color: #fff;
  width: 110px;
  text-align: center;
  line-height: 165px;
  position: relative
}

i.fz-mes {
  background-position: 0 -953px;
  position: absolute;
  top: 32px;
  left: 43px
}

i.fz-deliver {
  background-position: 0 -1006px;
  position: absolute;
  top: 32px;
  left: 43px
}

i.fz-cv {
  background-position: 0 -1057px;
  position: absolute;
  top: 32px;
  left: 43px
}

.deliver-sider .promotion-img img {
  width: 330px
}

.deliver-list li {
  padding-bottom: 12px;
  border-bottom: 2px #f8fafc solid;
  cursor: default
}

.deliver-list .company-text {
  position: relative;
  float: right
}

.deliver-list li p {
  margin-top: 14px;
  line-height: 24px
}

.deliver-list .company-text .text {
  margin-right: 78px
}

.deliver-list .company-text img {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  border-radius: 100%
}

.deliver-list .info-bottom {
  margin-top: 30px;
  overflow: hidden
}

.deliver-list .job-time {
  display: inline-block
}

.deliver-list .info-bottom .job-time span {
  line-height: 30px
}

.deliver-list .job-time .time {
  float: none
}

.deliver-list .job-time .status {
  font-size: 12px;
  color: #55cbc4;
  padding: 15px 40px 0 0
}

.deliver-list a.btn {
  float: right;
  height: 30px;
  line-height: 30px;
  min-width: 78px;
  width: 78px;
  font-size: 14px
}

.deliver-list .loadmore {
  border-top: 2px #f8fafc solid;
  margin-top: -2px;
  display: none;
  color: #9fa3b0
}

.deliver-list .loadmore :hover {
  color: #55cbc4
}

.boss-list li {
  padding: 26px 40px;
  position: relative;
  min-height: 60px
}

.boss-list li .op {
  float: right;
  padding-top: 17px
}

.boss-list li .op .time {
  color: #9fa3b0
}

.boss-list li .op .btn {
  display: none;
  height: 30px;
  line-height: 30px;
  min-width: 76px;
  font-size: 14px
}

.boss-list .text {
  position: relative;
  margin-right: 150px;
  margin-left: 80px
}

.boss-list .figure img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  line-height: 113px;
  display: inline-block;
  float: left;
  position: absolute;
  top: 50%;
  margin-top: -30px
}

.boss-list li .info {
  margin-left: 18px;
  display: inline-block;
  width: 100%
}

.boss-list li .name {
  font-size: 18px;
  color: #414a60;
  font-weight: 400
}

.boss-list li .name .gray {
  font-size: 14px;
  padding-left: 25px
}

.boss-list li .company-info i {
  width: 24px;
  line-height: 20px;
  display: inline-block;
  text-align: center
}

.boss-list li .job-info {
  color: #9fa3b0;
  font-size: 14px;
  display: inline-block
}

.boss-list li p {
  font-size: 14px;
  color: #9fa3b0;
  margin-top: 5px
}

.icon-new {
  display: inline-block;
  width: 33px;
  height: 14px;
  background: url(../images/icon-new.png) no-repeat;
  vertical-align: middle;
  margin-right: 8px;
  margin-top: -1px
}

.boss-list li:hover {
  cursor: default
}

.boss-list li p.gray {
  font-size: 14px;
  color: #61687c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.boss-list li.read p.gray {
  color: #9fa3b0
}

.boss-list li .com-info {
  overflow: hidden;
  text-align: right;
  float: right;
  height: 66px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -33px
}

.boss-list li:hover .btn {
  display: inline-block
}

.boss-list li:hover .time {
  display: none
}

.boss-list li .com-info span {
  color: #9fa3b0;
  font-size: 14px;
  line-height: 66px
}

.deliver-list li p.new {
  margin-top: 14px;
  line-height: 24px;
  width: 75%;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.notice-badge {
  position: absolute;
  top: 50px;
  right: 25px;
  font-size: 12px;
  min-width: 8px;
  line-height: 16px;
  padding-left: 5px
}

.inner {
  width: 1184px
}

.fz-resume,.upload-layer {
  width: 24px;
  height: 24px;
  background: url(../images/icons-resume.png) no-repeat;
  display: inline-block;
  vertical-align: middle
}

.sider-resume {
  width: 210px;
  padding: 0;
  background-color: transparent;
  box-sizing: border-box
}

.sider-resume .title {
  color: #414a60;
  font-size: 14px;
  padding: 18px 0 10px 0;
  font-weight: 400
}

.sider-resume .has-tip {
  padding-top: 50px
}

.sider-resume .title .edit {
  color: #8d92a1
}

.sider-resume .title .edit:hover {
  color: #00d7c6
}

.resume-attachment {
  position: relative;
  margin: 0 0 18px;
  padding: 0 25px 10px;
  background-color: #fff
}

.resume-attachment .resume-works-tip {
  width: 100%;
  background: #5e96f2;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  line-height: 30px
}

.resume-attachment .resume-works-tip.hidden {
  display: none
}

.resume-attachment .resume-works-tip .txt {
  font-size: 12px;
  margin-left: 7px
}

.resume-attachment .resume-works-tip .icon {
  width: 12px;
  height: 12px;
  cursor: pointer;
  background: url(../images/icon/icon-close-@1x.png) no-repeat;
  float: right;
  margin: 9px 5px 0 0
}

.resume-attachment .resume-works-tip .icon:hover {
  opacity: .9
}

.resume-attachment li a {
  display: block
}

.resume-attachment li span {
  display: inline-block;
  width: 250px;
  height: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.resume-progress {
  padding-top: 10px
}

.sider-resume .resume-attachment li:hover .fz-close {
  background-position: -26px -696px
}

.sider-resume li {
  color: #9fa3b0;
  font-size: 14px;
  cursor: default
}

.sider-resume .resume-attachment li:hover a,.sider-resume li:hover,.sider-resume li:hover a {
  color: #414a60;
  -webkit-transition: all linear .2s;
  transition: all linear .2s
}

.sider-resume .progress {
  width: 100%;
  height: 8px;
  background-color: #e3e5e9;
  border-radius: 20px;
  margin-top: 6px;
  margin-bottom: 18px;
  display: none
}

.sider-resume .progress-score {
  font-size: 18px;
  color: #5dd5c8;
  float: right
}

.sider-resume .progress p {
  width: 80%;
  height: 100%;
  background-color: #5dd5c8;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px
}

.sider-resume .upd-time {
  color: #d1d4db;
  padding-bottom: 0;
  margin-top: -5px;
  font-size: 12px
}

.user-center .resume-attachment {
  margin-bottom: 0
}

.user-center .resume-attachment:after {
  content: "";
  display: block;
  border-bottom: 1px solid #f6f7f9
}

.sider-resume .btn-download {
  height: 42px;
  line-height: 42px;
  margin-bottom: 20px;
  display: block
}

.fixed-nav {
  position: fixed;
  top: 0
}

.file-btn {
  margin-top: -40px;
  position: relative
}

.btn-upload-file {
  width: 150px;
  height: 40px;
  display: block;
  position: relative
}

.btn-upload-file input {
  height: 40px;
  vertical-align: top;
  width: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  opacity: 0
}

.file-result {
  width: 150px;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
  text-align: center;
  background: #5dd5c8;
  border: none;
  border-radius: 2px;
  font-size: 14px;
  color: #414a60;
  margin: 0 auto;
  color: #fff;
  cursor: pointer
}

.file-result:hover {
  background: #6adbcf
}

.file-result-text {
  width: 148px;
  height: 38px;
  line-height: 40px;
  white-space: nowrap;
  text-align: center;
  color: #00c2b3;
  border: 1px solid #53cac3;
  border-radius: 2px;
  font-size: 14px;
  margin: 0 auto;
  cursor: pointer;
  margin-top: 10px
}

.file-result-text:hover {
  width: 146px;
  height: 36px;
  line-height: 38px;
  border-width: 2px
}

.file-tip p {
  font-size: 12px;
  color: #d0d0d0;
  line-height: 20px;
  padding-top: 10px
}

.resume {
  padding: 58px 0;
  background-color: #fff;
  margin-right: 230px
}

.paddingTop60 {
  position: relative;
  padding-top: 60px
}

.paddingTop60 .resume-analyze-tools {
  position: absolute;
  top: 0;
  width: 720px;
  padding: 0 10px 0 40px;
  height: 30px;
  background: rgba(94,150,242,.8);
  font-size: 13px;
  font-weight: 400;
  color: rgba(255,255,255,1);
  display: flex;
  align-items: center;
  justify-content: space-between
}

.paddingTop60 .resume-analyze-tools .name-text {
  margin-right: 20px
}

.paddingTop60 .resume-analyze-tools .go-detail {
  cursor: pointer;
  text-align: center;
  line-height: 20px;
  display: inline-block;
  width: 60px;
  height: 20px;
  border-radius: 2px;
  border: 1px solid rgba(255,255,255,1)
}

.paddingTop60 .resume-analyze-tools .go-detail:hover {
  color: #5281cf;
  background: #fff
}

.paddingTop60 .resume-analyze-tools .close {
  width: 12px;
  height: 12px;
  background: url(../images/icon/icon-close-@1x.png) no-repeat;
  cursor: pointer
}

.resume .update-time {
  font-size: 12px;
  line-height: 17px;
  color: #9fa3b0;
  padding: 0 40px 10px
}

.resume .prv-view-btn {
  float: right;
  cursor: pointer;
  font-size: 14px;
  color: #24272e
}

.resume .prv-view-btn:hover {
  color: #5dd4c7
}

.resume .resume-warning {
  position: absolute;
  top: 0;
  left: 0;
  width: 770px;
  height: 30px;
  background: rgba(122,168,243,1);
  line-height: 30px;
  padding-left: 40px;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  font-size: 13px;
  color: #fff;
  display: none;
  animation: jianli .6s ease
}

@keyframes jianli {
  from {
      transform: translateY(-200%)
  }

  to {
      transform: translate(0)
  }
}

.resume .resume-warning p {
  display: flex;
  align-items: center
}

.resume .resume-warning p img {
  width: 14px;
  height: 14px;
  margin: 0 5px
}

.resume .resume-warning a {
  color: #fff;
  text-align: center;
  margin-left: 20px;
  font-size: 12px;
  display: block;
  width: 90px;
  height: 17px;
  line-height: 18px;
  transition: all .4s ease;
  border: 1px solid #fff
}

.resume .resume-warning a:hover {
  color: #5281cf;
  border-color: #fff;
  background-color: #fff
}

.resume-update-pop,.resume-warning-pop {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(0,0,0,.4)
}

.resume-update-pop {
  display: block
}

.badresume-close {
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 15px;
  top: 15px
}

.badresume-close img {
  width: 100%
}

.resume-warning-pop .item:nth-child(1) {
  font-size: 18px;
  font-weight: 400
}

.resume-warning-pop.badResume-desc {
  font-size: 14px;
  margin-top: 10px
}

.resume-warning-pop .item:nth-child(3) {
  margin-top: 20px
}

.resume-warning-pop .badResume-textInfo {
  width: 560px;
  height: 200px;
  resize: none;
  font-size: 14px;
  border: 1px solid rgba(227,231,237,1);
  padding: 16px 16px 0 16px;
  transition: border .2s ease;
  margin-top: 10px
}

.resume-warning-pop .badResume-textInfo:focus {
  border: 1px solid rgba(0,194,179,1)
}

.resume-warning-pop .dialog-container {
  width: 620px!important;
  margin-top: -250px!important
}

.resume-warning-pop .title {
  margin-left: 0!important
}

.resume-warning-pop .dialog-con {
  padding-left: 24px!important;
  margin-top: 10px
}

.resume-warning-pop .badResume-count {
  text-align: right;
  color: rgba(168,170,183,1)
}

.resume-warning-pop .content .item:nth-child(5) {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 10px
}

.resume-warning-pop .content .item:nth-child(5) a {
  display: block;
  width: 90px;
  height: 34px;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  text-align: center;
  line-height: 34px;
  margin-left: 20px;
  background-color: #fff;
  color: rgba(0,194,179,1);
  border: 1px solid rgba(25,215,200,1)
}

.resume-warning-pop .content .item:nth-child(5) a:nth-child(2) {
  background: rgba(94,213,200,1);
  color: #fff;
  border: 1px solid transparent
}

.resume-update-pop .update-content {
  width: 440px;
  min-height: 307px;
  background-color: #fff;
  box-sizing: border-box;
  padding: 30px 42px 20px 42px;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%,-50%);
  top: 50%
}

.resume-update-pop .update-content .update-item:nth-child(1) {
  color: #414a60;
  font-size: 18px;
  font-family: PingFangSC-Regular;
  font-weight: 400
}

.resume-update-pop .update-content .update-item:nth-child(2) {
  width: 86px;
  height: 86px;
  margin: 20px auto 16px
}

.resume-update-pop .update-content .update-item:nth-child(2) img {
  width: 100%
}

.resume-update-pop .update-content .update-item:nth-child(3) {
  color: #61687c;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  font-weight: 400
}

.resume-update-pop .update-content .update-item:nth-child(4) {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 56px
}

.resume-update-pop .update-content .update-item:nth-child(4) a {
  display: block;
  width: 120px;
  height: 34px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  text-align: center;
  line-height: 34px;
  margin-left: 20px;
  background-color: #fff;
  color: rgba(0,194,179,1);
  font-size: 14px;
  border: 1px solid rgba(25,215,200,1)
}

.resume-update-pop .update-content .update-item:nth-child(4) a:nth-child(2) {
  background: rgba(94,213,200,1);
  color: #fff;
  border: 1px solid transparent
}

.resume-item .op a {
  float: left;
  position: relative
}

.resume-item .op a:hover .bubble,.serial-btn:hover .bubble {
  display: block
}

.resume-item .op .link-delete {
  margin-right: 30px
}

.resume-item .op {
  display: none;
  font-size: 14px;
  position: absolute;
  right: 5px;
  top: 4px
}

.resume-item .op a {
  color: #00c2b3;
  vertical-align: middle
}

.resume-item .op a:hover {
  opacity: .8
}

.resume-item .op i {
  color: #5dd5c8;
  vertical-align: middle
}

.resume-item .op span {
  padding-left: 10px;
  vertical-align: middle
}

.bubble {
  display: none;
  cursor: pointer;
  width: 70px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #61687c;
  background-color: #fff;
  border: 1px solid #f3f4f6;
  box-shadow: 0 0 8px 0 rgba(0,0,0,.06);
  position: absolute;
  z-index: 1;
  bottom: 0;
  top: 34px;
  left: -24px
}

.bubble:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -20px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #fff;
  z-index: 9999
}

.resume-item .item-primary {
  padding: 0 30px;
  position: relative
}

.resume-item .title {
  margin-right: 60px;
  border-top: 1px #f2f3f3 solid;
  color: #24272e;
  font-size: 18px;
  line-height: 25px;
  padding: 20px 0 8px 23px;
  font-weight: 400;
  position: relative
}

.resume-item .title:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 15px;
  border-radius: 10px;
  background-color: #53cac3;
  left: 10px;
  top: 25px
}

.resume-item .figure {
  position: absolute;
  right: 0;
  top: 10px;
  width: auto;
  margin-bottom: 0
}

.resume-item .figure .avatar_box .upload-layer,.resume-item .figure .avatar_box img,.resume-item .figure .avatar_line,.resume-item .figure .upload-layer .file-control {
  width: 80px;
  height: 80px;
  border-radius: 100%
}

.resume-item .figure a.upload-layer {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: rgba(131,131,131,.8);
  background-image: url(../images/icons-resume.png);
  background-repeat: no-repeat;
  background-position: center -771px
}

.upload-layer .file-control {
  display: block;
  opacity: 0;
  cursor: pointer
}

.resume-item .figure:hover .upload-layer {
  display: block
}

.resume-item .text {
  color: #61687c;
  line-height: 25px;
  word-break: break-all;
  word-wrap: break-word;
  padding-top: 10px
}

.resume-item .text h4 {
  font-size: 16px;
  font-weight: 400;
  color: #414a60
}

.resume-item .period {
  float: left;
  color: #8d92a1;
  font-size: 12px;
  margin-left: 30px;
  position: relative;
  top: 2px
}

.logo-company {
  width: 36px;
  float: right
}

.logo-company img {
  width: 36px;
  height: 36px;
  display: block
}

.chat-info .vline,.text-company .vline {
  margin: 0 20px
}

.hidden-row {
  margin: -17px 16px 0;
  position: relative;
  z-index: 1
}

.hidden-row .checkbox {
  display: inline-block;
  font-size: 12px
}

.hidden-row .checkbox input {
  position: relative;
  top: 2px
}

.history-project>li {
  margin-bottom: 10px;
  padding: 7px 0 10px 24px;
  position: relative;
  cursor: pointer
}

.history-project>li:last-of-type {
  margin-bottom: 0
}

.history-project>li:hover .op {
  display: block
}

.history-project>li:hover {
  background-color: #f2f5f9;
  -webkit-transition: all linear .2s;
  transition: all linear .2s
}

.history-project li .text {
  color: #61687c;
  line-height: 24px
}

.history-project li .item-work {
  padding: 7px 0 5px
}

.history-project li .item-name {
  overflow: hidden;
  line-height: 21px;
  padding-right: 60px;
  margin-bottom: 7px
}

.history-project li .item-name .name {
  float: left;
  font-size: 15px;
  font-weight: 700;
  max-width: 420px;
  word-break: break-all
}

.history-project li .item-name .certified {
  margin-left: 30px;
  padding-left: 20px;
  background: url(../images/icons-detail.png) no-repeat 0 -639px;
  color: #2db4b4;
  font-size: 12px
}

.history-project li .item-name .training {
  margin-left: 30px;
  padding-left: 20px;
  background: url(../images/icons-detail.png) no-repeat 0 -696px;
  color: #fa3;
  font-size: 12px
}

.history-project li .op {
  top: 5px
}

.history-project li .text-type {
  color: #61687c;
  font-weight: 700
}

.history-project li .keywords span {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  color: #9fa3b0;
  padding: 0 14px;
  margin-right: 10px;
  border: 1px solid #cfd1d7;
  border-radius: 50px
}

.history-project li .text h4 {
  position: relative;
  font-weight: 700;
  font-size: 15px
}

.history-project li .text h4 b {
  font-size: 14px
}

.history-project li .tags {
  margin-top: 15px
}

.history-project li .tags span {
  display: inline-block;
  border: 1px #cfd1d7 solid;
  border-radius: 15px;
  margin-right: 12px;
  color: #9fa3b0;
  font-size: 12px;
  line-height: 18px;
  padding: 0 15px
}

.history-project li .vline {
  margin: 0 20px
}

.prefix-minyear {
  position: absolute;
  top: 4px;
  left: 15px;
  width: 62px;
  background-color: #fff;
  color: #9fa3b0;
  font-style: normal;
  display: none
}

.show-prefix-minyear .prefix-minyear {
  display: block
}

.resume .show-prefix-minyear .prefix-minyear {
  color: #414a60;
  top: 8px;
  left: 12px
}

.social-account {
  margin-top: 3px
}

.social-account li {
  position: relative;
  margin-bottom: 1px;
  padding: 4px 0 4px 24px;
  cursor: pointer
}

.social-account li:hover {
  background-color: #f2f5f9;
  -webkit-transition: all linear .2s;
  transition: all linear .2s
}

.social-account li:hover .op {
  display: block
}

.social-account li img {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  margin-right: 24px;
  vertical-align: middle
}

.social-account li>span {
  display: inline-block;
  max-width: 480px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle
}

.fz-female {
  background-position: 0 0;
  vertical-align: top
}

.fz-male {
  background-position: -24px 0;
  vertical-align: top
}

.fz-experience {
  background-position: 4px -477px
}

.fz-degree {
  background-position: 2px -507px
}

.fz-status {
  background-position: -26px -477px
}

.fz-tel {
  background-position: -25px -506px
}

.fz-mail {
  background-position: 4px -535px
}

.fz-weixin {
  background-position: -28px -586px
}

.fz-job {
  background-position: -25px -535px
}

.fz-salary {
  background-position: 2px -561px
}

.fz-industry {
  background-position: -26px -561px
}

.fz-place {
  background-position: 2px -585px
}

.fz-close {
  background-position: 6px -696px;
  float: right
}

.fz-info {
  background-position: 0 -54px
}

.fz-contact {
  background-position: -1px -620px
}

.fz-adventage {
  background-position: 0 -109px
}

.fz-positon {
  background-position: 0 -168px
}

.fz-history {
  background-position: 0 -225px
}

.fz-project {
  background-position: 0 -283px
}

.fz-eaducation {
  background-position: 0 -339px
}

.fz-edit {
  background-position: 5px -28px
}

.fz-add {
  background-position: 6px -662px
}

.fz-add-2 {
  background-image: url(../images/icon-add.png);
  background-size: 13px;
  background-position: center
}

.fz-socal {
  background-position: 0 -399px
}

.fz-delete {
  background-position: 3px -739px
}

.fz-menu-bullet {
  background-image: url(../images/menu-bullet.png)
}

.fz-menu-num {
  background-image: url(../images/menu-num.png)
}

.sider-resume .fz-resume {
  width: 20px
}

.resume-attachment .fz-close {
  width: 20px;
  position: absolute;
  z-index: 2;
  cursor: pointer
}

.resume-item .op a:hover .fz-add {
  background-position: -25px -662px
}

.resume-item .op a:hover .fz-edit {
  background-position: -25px -28px
}

.resume-item .op a:hover .fz-delete {
  background-position: -27px -739px
}

.serial-toolbar {
  height: 38px;
  line-height: 38px;
  border: solid #e3e7ed;
  background-color: #f8f9fb;
  border-width: 1px 1px 0;
  padding-left: 4px
}

.serial-toolbar .serial-btn {
  position: relative;
  font-style: normal;
  background: no-repeat center;
  cursor: pointer;
  float: left;
  height: 100%;
  width: 35px
}

.serial-toolbar .serial-btn .bubble {
  left: -18px;
  top: 38px
}

.serial-toolbar .serial-btn-bullet {
  background-image: url(../images/menu-bullet.png)
}

.serial-toolbar .serial-btn-num {
  background-image: url(../images/menu-num.png)
}

.serial-toolbar .serial-btn-bullet:hover {
  background-image: url(../images/menu-bullet-hover.png)
}

.serial-toolbar .serial-btn-num:hover {
  background-image: url(../images/menu-num-hover.png)
}

.serial-area {
  word-break: break-all;
  word-wrap: break-word
}

.resume-box .tip-text {
  display: block;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  margin-bottom: -20px;
  padding-left: 20px;
  background-position: 0 -1389px;
  color: #9fa3b0
}

.resume-item-open {
  background-color: #f8f9fb
}

.resume-item-open .item-primary {
  display: none
}

.resume-item-open .item-form {
  display: block
}

.item-form {
  display: none;
  padding: 0 40px
}

.form-resume .title {
  border: 0;
  font-size: 16px;
  font-weight: 700;
  padding: 20px 0 19px 13px
}

.form-resume .title:before {
  display: none
}

.form-resume .form-row {
  padding-bottom: 20px
}

.form-resume .form-row dt {
  line-height: 20px;
  padding: 3px 0 8px
}

.form-resume .form-row dl {
  display: inline-block;
  width: 316px;
  vertical-align: top;
  margin: 0 13px
}

.form-resume .form-row dd .babresume-warning {
  margin-top: -23px;
  margin-bottom: 28px
}

.form-resume .ipt {
  padding: 7px 14px;
  font-size: 14px;
  width: 286px;
  min-width: 0
}

.form-resume .ipt-long {
  width: 630px
}

.form-resume .form-btns {
  text-align: right;
  padding: 0 16px 20px
}

.form-resume .form-btns .btn {
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  min-width: 42px;
  padding: 0 25px
}

.form-resume .form-btns .btn-back {
  background-color: #fff;
  -webkit-transition: none;
  transition: none
}

.form-resume .form-btns .btn-back:not(.disabled):hover {
  border-width: 2px;
  height: 30px;
  line-height: 28px;
  padding: 0 24px;
  background-color: #fff;
  color: #5dd5c8
}

.form-resume .radio-square {
  min-width: 146px;
  line-height: 36px;
  float: left
}

.form-resume .row-area dl {
  display: block;
  width: 660px
}

.form-resume .row-area .ipt-area {
  width: 630px;
  height: 184px;
  color: #414a60
}

.form-resume .row-area .tip-text {
  position: absolute;
  margin: 0;
  bottom: 5px
}

.form-resume .tip-text-hover {
  display: none;
  position: absolute;
  z-index: 1;
  top: 38px;
  left: 0;
  width: 286px;
  font-size: 13px;
  color: #7f7f7f;
  line-height: 20px;
  padding: 9px 14px;
  background-color: #fff;
  border: 1px solid #e3e7ed;
  border-top: 0
}

.form-resume .tip-text-hover a {
  color: #00d7c6
}

.form-resume .tip-text-hover.name-tip {
  padding: 0;
  width: 314px
}

.form-resume .tip-text-hover.name-tip p {
  font-size: 12px;
  color: #9fa3af;
  line-height: 17px;
  padding: 9px 0 9px 10px
}

.form-resume .tip-text-hover.name-tip ul label {
  display: block;
  color: #414a60;
  line-height: 34px;
  padding: 0 15px 0 10px;
  cursor: pointer
}

.form-resume .tip-text-hover.name-tip ul label:hover {
  background-color: #f2f5f9
}

.form-resume .tip-text-hover.name-tip ul label input {
  float: right;
  margin-top: 10px
}

.dropdown-skills .dropdown-menu {
  width: auto
}

.skills-pannel {
  background-color: #fff;
  width: 490px
}

.skills-pannel ul {
  font-size: 0
}

.skills-pannel div.empty {
  font-size: 14px;
  color: #9fa3b0;
  padding-left: 17px
}

.skills-pannel li {
  width: 120px;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  padding: 0!important
}

.position-manage .skills-pannel li:hover {
  background: 0 0
}

.skills-pannel span {
  display: block;
  color: #414a60;
  padding: 0 12px;
  line-height: 20px;
  height: 20px;
  border-radius: 15px;
  margin: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.skills-pannel span:hover {
  background-color: #eef0f5
}

.skills-pannel span.selected {
  background-color: #eef0f5
}

.dropdown-skills .result-selecter {
  width: 663px
}

.dropdown-skills .result-selecter .active {
  background-color: #f2f5fa
}

.result-selecter {
  display: none;
  width: 240px;
  max-height: 200px;
  overflow-y: auto;
  background-color: #fff;
  position: absolute;
  z-index: 10;
  -webkit-box-shadow: 1px 2px 14px rgba(0,0,0,.11);
  box-shadow: 1px 2px 14px rgba(0,0,0,.11)
}

.dropdown-type .result-selecter {
  width: 370px
}

.result-selecter .data-blank,.result-selecter li {
  line-height: 40px;
  height: 40px;
  color: #9fa3b0;
  font-size: 14px;
  padding: 0 17px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis
}

.result-selecter li:hover {
  background-color: #f2f5fa
}

.result-selecter li span {
  float: right;
  color: #d1d4db
}

.result-selecter .h {
  font-style: normal;
  text-decoration: none;
  color: #00d7c6
}

.result-selecter .gray {
  float: right;
  color: #d1d4db
}

.result-selecter .data-blank a {
  float: right;
  color: #9fa3b0;
  font-size: 12px
}

.row-skills .bootstrap-tagsinput {
  width: 640px
}

.form-resume .row-skills dl {
  width: auto;
  display: block
}

.form-resume .row-skills .dropdown-select .ipt {
  width: 630px
}

.row-skills .dropdown-menu ul {
  width: 659px
}

.dropdown-menu li .h {
  color: #16c3b1
}

.range-item,.salary-item {
  float: left
}

.range-item .ipt,.salary-item .ipt {
  width: 111px;
  min-width: 111px
}

.range-devide {
  margin: 0 10px;
  float: left;
  line-height: 38px
}

.dropschool .suggestion li i {
  float: right;
  font-style: normal;
  color: #414a60
}

.dropcompany .suggestion-ipt,.dropschool .suggestion-ipt {
  cursor: auto
}

.dropmajor .dropdown-select .ipt:disabled {
  background: #e3e7ed
}

.link-add {
  float: right;
  height: 25px;
  margin: 20px 5px 0 0;
  line-height: 25px;
  color: #00c2b3;
  text-align: center;
  cursor: pointer
}

.link-add i {
  color: #00c2b3;
  font-size: 14px;
  vertical-align: middle
}

.link-add span {
  padding-left: 10px;
  vertical-align: middle
}

.link-add:hover {
  opacity: .8
}

#resume-userinfo {
  margin-bottom: 10px
}

#resume-userinfo .name {
  font-weight: 400;
  font-size: 24px;
  line-height: 33px
}

#resume-userinfo .name .fz-resume {
  margin-bottom: 4px;
  vertical-align: middle
}

#resume-userinfo .userinfo-con {
  display: inline-block;
  max-width: 550px;
  padding: 10px
}

#resume-userinfo .userinfo-con .name {
  position: relative
}

.bad-resume-pre-icon {
  position: absolute;
  width: 15px;
  height: 15px;
  background: url(../images/icon-bad-resume-pre.png) no-repeat;
  left: 0;
  top: 10px
}

#resume-userinfo .userinfo-con .name .bad-resume-pre-icon {
  left: -17px;
  top: 8px
}

.babresume-warning {
  font-size: 12px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: rgba(252,112,62,1);
  line-height: 17px;
  position: relative;
  margin-left: 20px;
  margin-top: 5px;
  display: block;
  animation: warning .5s ease
}

.babresume-warning::before {
  content: '';
  width: 14px;
  height: 14px;
  position: absolute;
  left: -20px;
  top: 2px;
  background: url(../images/resume-warning.png) no-repeat;
  background-size: cover
}

@keyframes warning {
  from {
      transform: scale(0)
  }

  to {
      transform: scale(1)
  }
}

#resume-history .item-form-list {
  position: relative
}

#resume-userinfo .info-labels {
  position: relative;
  padding-top: 20px
}

#resume-userinfo .info-labels .fz-resume {
  margin-right: 3px
}

#resume-userinfo .info-labels .vline {
  margin: 0 28px
}

#resume-userinfo .info-labels .label-text {
  display: inline-block;
  vertical-align: middle;
  word-break: break-all;
  word-wrap: break-word
}

#resume-userinfo .item-primary {
  margin-right: 40px
}

#resume-userinfo .item-primary .op {
  display: block;
  right: -5px;
  bottom: 10px;
  top: unset
}

#resume-userinfo .row-contact {
  margin-top: 11px
}

#resume-userinfo .form-resume .ipt[disabled],.ipt-disabled {
  cursor: default;
  opacity: 1!important;
  background-color: #e3e7ed;
  color: #9fa3af;
  border-color: #dbe0e5
}

#resume-userinfo .dropdown-disabled {
  opacity: 1
}

.ipt-disabled:focus {
  border-color: #dbe0e5;
  box-shadow: none
}

#resume-summary {
  padding-bottom: 12px
}

#resume-summary .text {
  position: relative;
  padding: 7px 60px 8px 24px;
  cursor: pointer
}

#resume-summary .text:hover {
  background-color: #f2f5f9;
  -webkit-transition: all linear .2s;
  transition: all linear .2s
}

#resume-summary .text .op {
  display: block
}

#resume-summary .count-num {
  padding-bottom: 8px
}

#resume-summary .row-area {
  padding-bottom: 0
}

#resume-summary .row-area .ipt-area {
  height: 124px
}

#resume-purpose .purpose-list {
  margin-bottom: 1px
}

#resume-purpose .purpose-list .label-text {
  display: inline-block;
  vertical-align: middle;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

#resume-purpose .purpose-list li {
  padding: 7px 60px 7px 17px;
  position: relative;
  cursor: pointer
}

#resume-purpose .purpose-list li .fz-resume {
  margin-right: 3px
}

#resume-purpose .purpose-list li:hover {
  background-color: #f2f5f9;
  -webkit-transition: all linear .2s;
  transition: all linear .2s
}

#resume-purpose .purpose-list li:hover .op {
  display: block
}

#resume-purpose .purpose-list li:only-child .op {
  display: block
}

#resume-purpose .vline {
  margin: 0 15px
}

.auto-location .dropdown-select:after {
  content: "当前定位城市";
  display: block;
  position: absolute;
  right: 37px;
  top: 0;
  line-height: 38px;
  font-size: 12px;
  color: #9fa3af
}

#resume-education .row-area,#resume-history .row-area,#resume-project .row-area {
  padding-bottom: 0
}

.count-num {
  display: block;
  color: #9fa3b0;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  padding: 4px 10px 6px 0
}

.count-num em {
  font-style: normal
}

.count-num em.red {
  color: #fc6e3c
}

.row-area .ipt-area {
  height: 184px
}

.span-wechat {
  max-width: 250px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.select-tree {
  position: relative
}

.select-tree ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 166px;
  max-height: 250px;
  height: 250px
}

.select-tree ul.tree-2 {
  left: 168px
}

.select-tree ul.tree-3 {
  left: 336px;
  border-top: 1px #e3e7ed solid;
  height: 249px;
  display: none
}

.select-tree li {
  display: block;
  background-position: right -1575px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.select-tree li.selected {
  background-color: #f2f5f9;
  -webkit-transition: all linear .2s;
  transition: all linear .2s
}

.select-tree li.blank {
  background: 0 0;
  color: #ccc;
  padding-top: 50px;
  text-align: center
}

.select-tree ul.tree-3 li {
  background-image: none
}

.select-industry,.select-tags {
  background-color: #fff;
  border: 1px #e3e7ed solid;
  padding: 20px 30px;
  width: 500px;
  position: absolute;
  top: 0;
  left: 0
}

.industry-title .btns,.tags-title .btns {
  float: right
}

.industry-title h3,.tags-title h3 {
  font-weight: 400;
  font-size: 16px;
  color: #9fa3b0
}

.industry-cells,.tags-cells {
  clear: both;
  padding-top: 20px;
  margin-left: -11px;
  max-height: 300px;
  overflow: auto
}

.industry-cells span,.tags-cells span {
  display: inline-block;
  line-height: 24px;
  padding: 0 8px;
  margin: 0 3px 10px 3px;
  text-align: center;
  cursor: pointer;
  border: 1px #fff solid;
  border-radius: 15px
}

.industry-cells span.selected,.tags-cells span.selected {
  border-color: #eaebee;
  color: #fc6c38
}

.industry-cells .blank-tag {
  text-align: center;
  color: #9fa3b0
}

.select-tags {
  width: 600px
}

.tags-title .ipt {
  width: 160px;
  padding: 4px 10px;
  min-width: 0
}

.tags-title .btn-addtag {
  min-width: 52px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  font-size: 12px
}

.suggest-complete li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.suggest-complete li .ignore {
  float: right
}

.tags-wrap {
  height: 22px;
  overflow: hidden;
  min-height: 22px;
  line-height: 22px;
  border: 1px solid #e3e7ed;
  vertical-align: middle;
  min-width: 300px;
  padding: 9px 12px;
  font-size: 14px;
  width: 310px;
  background: #fff
}

.tags-wrap .ipt {
  display: none
}

.tagsinput {
  white-space: nowrap
}

.tagsinput div {
  display: inline-block
}

.tagsinput div.tags_msg {
  display: none
}

.tagsinput input {
  padding: 5px 0;
  border: 0
}

.tagsinput .tag {
  display: inline-block;
  border: 1px #eee solid;
  border-radius: 15px;
  padding: 0 10px;
  margin-right: 5px
}

.file-upload .data-tab {
  margin: 0
}

.file-upload .tab-con {
  display: none;
  background: #f9f9f9;
  border: 1px #eee solid;
  padding: 10px;
  margin-top: 10px
}

.file-info,.file-result li {
  display: table;
  width: 100%
}

.file-info {
  border-bottom: 1px #ddd solid;
  padding-bottom: 5px
}

.file-result li {
  line-height: 40px
}

.file-info span,.file-result li span {
  display: table-cell
}

.file-info span {
  font-weight: 700;
  padding-bottom: 5px
}

.file-name {
  width: 100px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.resume-attachment .upload-op {
  display: inline-block;
  height: 34px
}

.resume-del {
  font-style: normal;
  display: block;
  width: 90px;
  height: 34px
}

.upload-op .btn-upload-file {
  width: 30px;
  height: 26px;
  top: 0;
  right: 0;
  cursor: pointer
}

.upload-op .btn-upload-file input {
  height: 26px
}

.resume-attachment .change {
  font-style: normal;
  position: absolute;
  cursor: pointer;
  width: 100%;
  text-align: center;
  left: 0
}

.resume-menu {
  float: right;
  height: 26px;
  cursor: pointer
}

.resume-menu>i {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 200px;
  background: #aaa;
  margin: 0 3px;
  position: relative;
  top: -2px
}

.resume-menu:hover>i {
  background: #5dd4c7
}

.resume-menu-box {
  position: absolute;
  top: 42px;
  right: 0;
  width: 90px;
  box-shadow: -4px 3px 12px rgba(3,0,0,.2);
  z-index: 9999;
  display: none
}

.resume-menu:hover .resume-menu-box {
  display: block
}

.resume-menu-box .menu-btn {
  height: 34px;
  line-height: 34px;
  text-align: center;
  background: #fff;
  cursor: pointer
}

.resume-menu-box .menu-btn a {
  width: 90px;
  height: 34px;
  display: block;
  text-align: center;
  color: #414a60
}

.resume-menu-box .menu-btn:hover {
  background: #f2f5fa
}

.file-name {
  width: 150px
}

.file-size,.file-status {
  text-align: center;
  width: 10%
}

.file-upload .tab-con .data-search {
  padding: 0 0 10px
}

.profile_form .avatar_box .avatar {
  border: 0
}

#pop-resume {
  display: none
}

.pre-view-box {
  display: none
}

.resume-settings {
  background-color: #fff;
  margin-bottom: 20px
}

.resume-settings .title {
  padding: 24px;
  padding-bottom: 0
}

.resume-settings .title .pull-right {
  float: right;
  font-size: 14px;
  color: #56cbc4
}

.resume-settings .setting-item {
  color: #61687c;
  padding: 16px 24px;
  line-height: 20px
}

.resume-settings .setting-item .pull-right {
  float: right;
  font-size: 13px;
  color: #9fa3af
}

.resume-settings .setting-item+.setting-item {
  border-top: 1px solid #f3f3f3
}

.resume-settings .text-green {
  color: #56cbc4
}

.layer-position .dialog-container {
  margin: -273px 0 0 -445px
}

.layer-position .dialog-container .title {
  font-weight: 400;
  padding: 10px 0 10px 23px
}

.layer-position .icon-select-arrow {
  display: none
}

.layer-position .select-tree {
  display: none
}

.position-manage .tree-1,.position-manage .tree-2,.position-manage .tree-3 {
  display: none
}

.layer-position .s-position-search {
  float: right;
  margin-right: 486px;
  margin-top: -2px
}

.s-position-search {
  width: 250px;
  height: 30px;
  position: relative
}

.s-position-search .position-input input {
  display: block;
  position: relative;
  width: 198px;
  min-width: auto;
  padding: 5px 30px 5px 20px;
  line-height: 18px;
  min-height: 18px;
  font-size: 12px;
  border: 1px solid #e1e6ea;
  border-radius: 15px;
  box-sizing: content-box;
  -webkit-box-sizing: content-box
}

.s-position-search .position-input input:focus {
  border-color: #00d7c6
}

.s-position-search .position-input .icon-p-search {
  position: absolute;
  right: 12px;
  top: 7px;
  width: 16px;
  height: 16px;
  background: url(../images/icon-p-search.png) no-repeat;
  background-size: 100%;
  -webkit-background-size: 100%;
  cursor: pointer
}

.s-position-search .position-lists {
  position: absolute;
  top: 35px;
  left: 0;
  width: 250px;
  overflow: hidden;
  -webkit-box-shadow: 1px 2px 14px rgba(0,0,0,.11);
  box-shadow: 1px 2px 14px rgba(0,0,0,.11)
}

.s-position-search .position-lists .normal ul {
  max-height: 480px;
  overflow-y: auto
}

.s-position-search .position-lists .normal li {
  padding: 10px 2px 9px 24px;
  background-color: #fff;
  cursor: pointer
}

.s-position-search .position-lists .normal li:hover {
  background-color: #f2f5f9
}

.s-position-search .position-lists .normal li.selected {
  background-color: #f2f5f9
}

.s-position-search .position-lists .normal li .p-name {
  line-height: 20px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.s-position-search .position-lists .normal li .p-name .h {
  color: #18c3b1
}

.s-position-search .position-lists .normal li .p-des {
  display: block;
  margin-top: 3px;
  line-height: 18px;
  font-size: 12px;
  color: #9fa3b0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.s-position-search .position-lists .blank {
  padding: 9px 0 8px 0;
  line-height: 17px;
  font-size: 12px;
  color: #9fa3b0;
  text-align: center;
  background-color: #fff
}

.s-position-search .position-lists .hide {
  display: none
}

.resume-dropdown-select-input {
  width: 316px
}

.resume-dropdown-select-input .dropdown-select {
  width: 100%;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box
}

.resume-dropdown-select-input .dropdown-select:after {
  display: none
}

.resume-dropdown-select-input .dropdown-select input {
  width: 100%;
  box-sizing: border-box;
  padding-left: 7px;
  background: #fff;
  opacity: 1
}

.resume-dropdown-select-input .dropdown-menu {
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
  border: 1px solid #e3e7ed;
  border-top: none;
  box-sizing: border-box;
  width: 316px;
  z-index: 10;
  position: absolute
}

.resume-dropdown-select-input .dropdown-menu li {
  position: relative
}

.resume-dropdown-select-input .dropdown-menu li:first-child {
  font-size: 12px;
  color: #9fa3b0
}

.resume-dropdown-select-input .dropdown-menu li:first-child:hover {
  color: #9fa3b0
}

.resume-dropdown-select-input .dropdown-menu .radio {
  display: block
}

.resume-dropdown-select-input .dropdown-menu .radio input {
  position: absolute;
  right: 13px;
  top: 14px
}

.resume-dropdown-select-input .dropdown-menu ul {
  left: -1px
}

.resume-form-row .radio-list {
  white-space: nowrap
}

.resume-form-row .radio-square {
  min-width: 146px;
  display: inline-block;
  border: 1px #e3e7ed solid;
  background-color: #fff;
  line-height: 32px;
  min-width: 156px;
  text-align: center;
  cursor: pointer;
  color: #9fa3af
}

.resume-form-row .radio-square+.radio-square {
  margin-left: 32px
}

.resume-form-row .radio-checked {
  border-color: #18c3b1;
  color: #414a60
}

#resume-history.resume-item-open .item-primary {
  display: block;
  background: #fff
}

.resume-border {
  width: 730px;
  border: 2px solid #e9ebee;
  overflow-y: scroll;
  overflow-x: hidden
}

.resume-success-title {
  font-size: 24px;
  color: #24272e;
  padding: 40px 0 30px 0;
  line-height: 30px
}

.resume-page-toast {
  position: fixed;
  background: #919191;
  border-radius: 4px;
  line-height: 38px;
  font-size: 14px;
  color: #fff;
  width: 330px;
  bottom: 100px;
  margin-left: 200px;
  text-align: center
}

.uploadResume-error .dialog-container {
  text-align: center;
  padding: 40px;
  width: 300px
}

.uploadResume-error .dialog-container p {
  padding-bottom: 10px;
  font-size: 16px;
  color: #414a60;
  line-height: 30px
}

.uploadResume-dialog .dialog-container {
  padding: 40px 51px 30px 51px
}

.uploadResume-dialog .dialog-footer .btns {
  text-align: center
}

.uploadResume-dialog .dialog-con p {
  color: #d8d8d8;
  text-align: center;
  margin-bottom: 30px
}

.uploadResume-dialog .dialog-con p span {
  color: #1d0000
}

#resume-history .item-primary li .item-form-list {
  margin: 0 30px;
  padding: 7px 0 10px 24px
}

#resume-history .item-primary {
  padding: 0
}

#resume-history .item-primary>.title {
  margin: 0 100px 0 30px
}

#resume-history .item-primary>.link-add {
  margin-right: 35px
}

#resume-history .item-primary li .edit-form-list {
  background: #f8f9fb
}

#resume-history .history-project>li .item-form-list:hover {
  background-color: #f2f5f9;
  -webkit-transition: all linear .2s;
  transition: all linear .2s
}

#resume-history .history-project>li:hover {
  background: 0 0!important
}

#resume-history .history-project>li .item-form-list:hover .op {
  display: block
}

#resume-history .history-project>li {
  padding: 0
}

#resume-history .history-project .edit-form-list {
  padding: 0 40px;
  display: none
}

.resume-list-wrap-open .resume-list-open .edit-form-list {
  display: block!important
}

.resume-list-wrap-open .resume-list-open .item-form-list {
  display: none!important
}

.frame-preview-resume {
  width: 830px;
  height: 100%;
  margin: 0 auto;
  background: #fff;
  overflow: hidden
}

.frame-preview-resume iframe {
  width: 100%;
  height: 100%;
  border: 0
}

.pop-resume-rename {
  padding: 10px 0
}

.pop-resume-rename p {
  padding-top: 10px
}

.pop-resume-rename .ipt {
  width: 318px
}

.btn-file {
  position: relative;
  overflow: hidden;
  font-size: 14px;
  padding: 0 20px
}

.btn-file input {
  position: absolute;
  width: 100%;
  height: 200%;
  top: -100%;
  left: 0;
  background: 0 0;
  opacity: 0;
  cursor: pointer
}

.upload-dialog-box {
  text-align: center;
  font-size: 14px
}

.upload-dialog-box p:first-of-type {
  padding-top: 16px
}

.upload-dialog-box p a {
  color: #53cac3
}

.upload-dialog-box p a:hover {
  color: #00d7c6
}

.upload-dialog-box .btn-file {
  margin-top: 24px;
  display: inline-block;
  box-sizing: content-box;
  height: 38px;
  line-height: 38px
}

.icon-upload-resume {
  display: inline-block;
  width: 107px;
  height: 104px;
  background: url(../images/in_upload.png) no-repeat
}

.icon-loading-chrysanthemum {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/ui/icon-chrysanthemum.gif) no-repeat;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -3px
}

.pop-resume-box {
  background: #fff;
  width: 1184px;
  margin: 0 auto;
  display: table;
  height: 100%
}

.pop-resume-box .resume-wrap {
  vertical-align: top;
  padding: 20px;
  position: relative;
  height: 100%;
  min-height: 400px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.pop-resume-box .resume-wrap .img-box {
  border: 1px #e9ebee solid;
  margin-top: 20px;
  height: calc(100vh - 92px);
  overflow-y: auto
}

.pop-resume-box .resume-wrap .img-box img {
  width: 100%;
  display: block;
  margin: 0 auto
}

.pop-resume-box h3.title {
  font-size: 24px;
  line-height: 30px
}

.pop-resume-box .resume-sider {
  display: table-cell;
  vertical-align: top;
  width: 250px;
  background: #f9fafb;
  padding: 20px
}

.pop-resume-box .resume-sider h3.title {
  margin-bottom: 20px
}

.pop-resume-box .resume-sider p {
  padding: 5px 0
}

.pop-resume-box .resume-sider p.gray {
  padding-top: 15px
}

.pop-resume-box .resume-sider .btns {
  margin-top: 15px
}

.pop-resume-box .resume-sider .btn {
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  min-width: 0;
  width: 110px;
  padding: 0;
  vertical-align: top
}

.pop-resume-box .resume-sider .btns .btn-outline:hover {
  background-color: #fff;
  color: #00c7b1;
  width: 108px;
  height: 30px;
  line-height: 30px;
  border-width: 2px;
  -webkit-transition: none;
  transition: none
}

.pop-resume-box .resume-sider .btn-sure {
  margin-left: 25px
}

.pop-resume-box .resume-sider .btn-through {
  width: 100%;
  height: 36px;
  line-height: 36px
}

.pop-resume-box .data-tips {
  padding: 0;
  width: 340px;
  height: 150px!important;
  min-height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -75px 0 0 -170px
}

.pop-resume-box ::-webkit-scrollbar-track-piece {
  background-color: #fff;
  -webkit-border-radius: 0
}

.pop-resume-box ::-webkit-scrollbar {
  width: 4px
}

.pop-resume-box ::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #ddd;
  -webkit-border-radius: 4px
}

.pop-resume-box ::-webkit-scrollbar-thumb:hover {
  height: 50px;
  background-color: #ccc;
  -webkit-border-radius: 4px
}

.dialog-alert-tip .dialog-container {
  width: 240px;
  padding: 24px 30px;
  margin-left: -150px
}

.upload-dialog-deliver {
  padding-top: 10px
}

.upload-dialog-deliver p {
  color: #9fa3af
}

.upload-dialog-deliver .btns {
  margin-top: 20px;
  text-align: right
}

.upload-dialog-deliver .btn {
  height: 32px;
  line-height: 32px;
  vertical-align: top;
  min-width: 94px;
  font-size: 14px;
  padding: 0 5px
}

.upload-dialog-deliver .btn-outline {
  margin-right: 20px;
  padding: 0
}

.upload-dialog-deliver .btn-outline:hover {
  background-color: #fff;
  color: #00c7b1;
  min-width: 92px;
  height: 30px;
  line-height: 30px;
  border-width: 2px;
  padding: 0;
  -webkit-transition: none;
  transition: none
}

.upload-dialog-deliver a {
  color: #5dd5c8
}

.upload-dialog-deliver .btn-file {
  color: #fff
}

.annex-resume {
  padding: 0 18px!important
}

.annex-resume .title span {
  font-size: 13px;
  color: #9fa3af;
  margin-left: 4px
}

.annex-list {
  margin-left: -18px;
  width: 210px;
  padding-bottom: 20px
}

.annex-resume .annex-list li {
  position: relative;
  color: #414a60
}

.annex-item {
  line-height: 40px;
  padding: 0 18px;
  cursor: pointer;
  overflow: hidden
}

.annex-item:hover {
  background-color: #f2f5fa
}

.annex-item .del-btn {
  float: right
}

.annex-item .del-btn:hover {
  color: #00c2b3
}

.annex-item img {
  float: left;
  margin-top: 14px
}

.annex-item em {
  display: block;
  margin: 0 21px;
  font-style: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.annex-card {
  display: none;
  position: absolute;
  left: -392px;
  top: 0;
  z-index: 1;
  width: 388px;
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0,0,0,.15)
}

.card-body {
  padding: 20px 20px 19px 27px
}

.card-body img {
  float: left;
  margin-top: 5px
}

.card-content {
  margin-left: 45px
}

.card-content .basis {
  line-height: 24px;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.card-content .desc {
  font-size: 13px;
  line-height: 20px;
  color: #9fa3b0
}

.card-content .basis .txt {
  display: inline-block;
  width: 236px;
  font-style: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.works-tag {
  width: 46px;
  color: #00c2b3;
  background: rgba(141,220,215,.2);
  font-size: 12px;
  font-style: normal;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  height: 19px;
  line-height: 20px;
  border-radius: 3px
}

.card-footer {
  border-top: 1px solid #f2f2f5;
  text-align: right;
  line-height: 46px
}

.card-footer a,.card-footer em {
  font-style: normal;
  display: inline-block!important;
  padding: 0 13px;
  cursor: pointer
}

.card-footer a:hover,.card-footer em:hover {
  background-color: #f2f5fa;
  color: #00d7c6!important
}

.annex-resume .upload {
  padding-bottom: 22px
}

.annex-resume .file-btn {
  display: none
}

.annex-resume .btn-upload-file {
  margin: 0 auto
}

.annex-resume .file-tip p {
  padding-top: 15px
}

.choose-resume-dialog .dialog-container {
  width: 510px;
  margin: -155px 0 0 -285px;
  padding: 24px 30px
}

.choose-resume-dialog .resume-list {
  margin-top: 20px;
  padding-bottom: 10px
}

.choose-resume-dialog .resume-list li {
  cursor: pointer;
  color: #62687a;
  line-height: 44px;
  font-size: 14px;
  padding: 0 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.choose-resume-dialog .resume-list li:hover {
  background-color: #f2f5fa
}

.choose-resume-dialog .resume-list .side {
  float: right;
  margin-left: 80px;
  color: #a0a3af
}

.choose-resume-dialog .resume-list .side .size {
  display: inline-block;
  min-width: 60px;
  margin-left: 10px;
  text-align: right
}

.choose-resume-dialog .resume-list img {
  width: 19px;
  height: 25px;
  float: left;
  margin-right: 15px;
  margin-top: 9px
}

.choose-resume-dialog .resume-list input {
  position: relative;
  top: 2px;
  margin-left: 20px
}

.choose-resume-dialog .btn-disabled {
  background-color: #d1d4db;
  border-color: #d1d4db;
  cursor: not-allowed
}

.resume-refresh h4 {
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #414a60;
  line-height: 20px;
  text-align: left
}

.resume-refresh h4:hover {
  color: #00c2b3
}

.resume-refresh h4:hover+.resume-refresh-tip {
  display: block
}

.resume-refresh h4 span {
  display: inline-block;
  background-color: #fc5b5c;
  font-size: 10px;
  line-height: 14px;
  border-radius: 2px;
  padding: 0 2px;
  color: #fff
}

.resume-refresh {
  text-align: center
}

.resume-refresh li.refresh-lines,.resume-refresh li.refresh-test {
  background: #fff;
  padding: 20px 30px;
  margin-bottom: 16px;
  position: relative;
  display: none
}

.bg-axis {
  stroke: transparent;
  stroke-width: 29
}

.bg-axis.axis-hover,.bg-axis:hover {
  stroke: rgba(241,245,255,.66)
}

.refesh-line {
  stroke: #6bd0ca;
  stroke-width: 1px
}

.fresh-tip {
  font-size: 18px;
  line-height: 20px;
  height: 20px
}

.x-axis {
  stroke: #eef0f5;
  stroke-width: .5px
}

.refresh-test-img {
  display: block;
  background: url(../images/five-graph.png) no-repeat center;
  background-size: contain;
  width: 192px;
  height: 122px;
  margin: 16px auto
}

.refresh-test p {
  font-size: 12px;
  color: #9fa3af;
  line-height: 17px;
  margin: 16px 0;
  text-align: center
}

.refresh-text {
  text-align: left;
  padding: 10px 10px;
  font-size: 12px;
  line-height: 12px;
  color: #d1d4db
}

.refresh-text .refresh-free-count span {
  color: #53cac3
}

.refresh-btn,.refresh-btn-test {
  width: 100%;
  margin-top: 14px;
  display: block;
  height: 34px;
  line-height: 34px;
  border: 0 none;
  border-radius: 0
}

.refresh-bt-grey {
  width: 148px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  border: 1px #eef0f5 solid;
  background: #eef0f5;
  font-size: 14px;
  color: #d1d4db
}

.refresh-bt-grey:hover {
  background-color: #eef0f5;
  color: #d1d4db;
  cursor: not-allowed
}

.refresh-text .refresh-free-count {
  float: right
}

.resume-pay-success {
  text-align: left
}

.resume-refresh-error .sub-title {
  padding: 10px 0 32px;
  font-size: 14px;
  color: #9fa3b0
}

.resume-refresh-hwslider {
  width: 170px;
  height: 140px;
  position: relative;
  overflow: hidden
}

.resume-refresh-hwslider ul {
  width: 151px;
  height: 140px;
  position: absolute;
  z-index: 1
}

.resume-refresh-hwslider ul li {
  display: none;
  position: absolute;
  overflow: hidden;
  margin-left: 8px
}

.resume-refresh-hwslider ul li.active {
  display: block
}

.resume-refresh-hwslider .arrow-next,.resume-refresh-hwslider .arrow-prev {
  display: block;
  position: absolute;
  z-index: 2;
  width: 20px;
  height: 100px;
  line-height: 38px;
  text-align: center;
  font-size: 36px;
  color: #fff;
  text-decoration: none
}

.resume-refresh-hwslider .arrow-next {
  right: 0
}

.resume-refresh-hwslider .arrow-next:after,.resume-refresh-hwslider .arrow-prev:after,.resume-refresh-tip i {
  background: url(../images/icons.png) no-repeat center
}

.resume-refresh-hwslider .arrow-next:after,.resume-refresh-hwslider .arrow-prev:after {
  content: '';
  display: block;
  margin-top: 50px;
  margin-left: 5px;
  width: 10px;
  height: 40px
}

.resume-refresh-hwslider .arrow-prev:after {
  background-position: 0 -1492px
}

.resume-refresh-hwslider .arrow-next:after {
  background-position: 0 -1540px
}

.fresh-day {
  font-size: 13px;
  fill: #d1d4db
}

.my-series,.similar-series {
  font-size: 15px;
  fill: #53cac3;
  text-anchor: middle;
  display: none
}

.similar-series {
  fill: #8d92a1;
  display: none
}

.resume-refresh-hwslider .today-dots {
  font-size: 10px;
  fill: #fc5b5c
}

.resume-refresh-hwslider .dn {
  display: none
}

.resume-refresh-tip {
  display: none;
  position: absolute;
  width: 206px;
  height: 46px;
  padding: 10px 15px;
  background-color: #fff;
  left: -245px;
  top: 0;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
  text-align: left;
  font-size: 13px;
  color: #9fa3b0;
  line-height: 23px;
  z-index: 999
}

.resume-refresh-tip i {
  display: inline-block;
  width: 12px;
  height: 21px;
  background-position: 0 -697px;
  position: absolute;
  top: 22px;
  right: -12px
}

.resume-refresh-loading {
  padding-top: 40px;
  width: 170px;
  height: 100px;
  position: relative
}

.resume-refresh-loading i {
  display: block;
  background: url(../images/loading.gif) no-repeat center;
  width: 170px;
  height: 30px;
  background-size: contain
}

.resume-refresh-loading p {
  padding-top: 11px;
  font-size: 14px;
  color: #61687c
}

.resume-refresh .svg-sub {
  float: right;
  font-size: 12px;
  line-height: 28px;
  color: #8d92a1
}

.resume-refresh .svg-sub span:before {
  display: inline-block;
  content: ' ';
  width: 4px;
  height: 4px;
  background-color: #53cac3;
  vertical-align: middle;
  border-radius: 2px;
  margin-right: 3px;
  margin-top: -2px
}

.resume-refresh .svg-sub .svg-other::before {
  background-color: #f8c579;
  margin-left: 11px
}

.resume-refresh .my-yaxis {
  stroke: #5cd5c8;
  stroke-width: 1px;
  fill: #53cac3
}

.axis-active .my-yaxis,.resume-refresh .my-yaxis:hover {
  stroke: #c9efee;
  stroke-width: 2.5px;
  fill: #53cac3
}

.refesh-line.refesh-line0 {
  stroke: #f8c579
}

.resume-refresh .similar-yaxis {
  stroke: #f8c579;
  stroke-width: 1px;
  fill: #f8c579
}

.resume-refresh .similar-yaxis:hover {
  stroke: #f6e9d5;
  stroke-width: 2.5px;
  fill: #f8c579
}

.axis-active+.refresh-x .my-series.dn {
  display: none
}

.axis-active .my-series {
  display: block!important
}

.axis-active.my-series-grey .my-series {
  display: none!important
}

.axis-active.my-series-grey .my-yaxis {
  stroke: #5cd5c8;
  stroke-width: 1px;
  fill: #53cac3
}

.axis-active.my-series-grey .similar-series {
  display: block
}

.my-series.dn {
  display: block
}

.axis-active .fresh-day {
  fill: #61687c
}

.search-job-list-wrap .sider-resume {
  width: 250px
}

.search-job-list-wrap .sider-resume .upload {
  padding: 20px 0
}

.search-job-list-wrap .sider-resume .file-result {
  display: block;
  width: auto;
  margin: 0 2px
}

.search-job-list-wrap .complete-resume {
  margin-bottom: 16px;
  padding: 20px 30px;
  background-color: #fff
}

.search-job-list-wrap .complete-resume .btn {
  display: block;
  height: 34px;
  line-height: 34px;
  border: none;
  font-size: 14px;
  letter-spacing: 0
}

.search-job-list-wrap .complete-resume .btn-outline {
  color: #5dd5c8;
  border: 1px solid #5dd5c8
}

.search-job-list-wrap .complete-resume .btn-outline:hover {
  color: #fff
}

.search-job-list-wrap .complete-resume .btn+.btn {
  margin-top: 16px
}

#resume-education .hide {
  display: none
}

#resume-education .edu-type .btn {
  width: 145px;
  font-size: 14px
}

#resume-education .edu-type .btn:first-child {
  margin-right: 14px
}

#resume-education .edu-type .btn-slight:hover {
  transition: all linear .2s;
  background-color: #6adbcf;
  border-color: #6adbcf;
  color: #fff
}

#resume-education .edu-type .btn-outline:hover {
  background-color: #fff;
  color: #6adbcf
}

.upload-resume-dialog .dialog-container {
  padding: 0 30px 30px;
  margin: -210px 0 0 -300px;
  border-radius: 12px
}

.upload-resume-dialog .dialog-title {
  font-size: 18px;
  font-weight: 600;
  color: #222;
  line-height: 25px;
  padding: 20px 0
}

.upload-resume-dialog .btn {
  height: 32px;
  line-height: 32px;
  font-size: 14px
}

.upload-resume-dialog .btn-file {
  position: relative;
  overflow: hidden;
  width: 152px;
  cursor: pointer
}

.upload-resume-dialog .btn-file input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: 0 0;
  opacity: 0;
  cursor: pointer
}

.upload-resume-dialog .resume-wrap {
  display: flex;
  justify-content: space-between;
  width: 540px
}

.upload-resume-dialog .resume-wrap dd {
  flex: none;
  width: 260px
}

.upload-resume-dialog .resume-wrap .sec-upload {
  position: relative
}

.upload-resume-dialog .resume-wrap .sec-upload .upload-wrap {
  height: 260px;
  background: #f8f8f8;
  border-radius: 8px;
  box-sizing: border-box
}

.upload-resume-dialog .resume-wrap .sec-upload .upload-wrap p {
  color: #9fa3b0
}

.upload-resume-dialog .resume-wrap .sec-upload .upload-wrap .upload-guide {
  padding: 104px 0 16px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  line-height: 22px
}

.upload-resume-dialog .resume-wrap .sec-upload .upload-wrap .upload-tip {
  font-size: 12px;
  padding: 0 38px;
  color: #999;
  line-height: 17px
}

.upload-resume-dialog .resume-wrap .sec-make .zhipin-resume-img {
  width: 100%;
  height: 260px;
  background: url(https://img.bosszhipin.com/static/file/2022/mzpi3d9m8y1667791496454.png) no-repeat center;
  background-size: contain
}

.upload-resume-dialog .resume-wrap .btn {
  display: block;
  width: auto;
  margin-top: 20px;
  height: 46px;
  line-height: 46px;
  border-radius: 8px;
  background: #00bebd;
  font-size: 16px;
  font-weight: 500;
  border: none;
  transition: all .2s linear
}

.upload-resume-dialog .resume-wrap .btn:hover {
  background: rgba(0,190,189,.8)
}

.chat-container {
  margin-top: 20px
}

.chat-controls a {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-image: url(https://static.zhipin.com/v2/web/boss/images/icons-op.png);
  background-repeat: no-repeat
}

.chat-controls a {
  width: 28px;
  height: 28px;
  margin-right: 20px;
  -webkit-transition: none;
  transition: none
}

.btn-emotion {
  background-position: 4px -215px
}

.btn-emotion:hover {
  background-position: -35px -215px
}

.btn-contact {
  background-position: 4px -378px
}

.btn-contact:hover {
  background-position: -37px -378px
}

.btn-resume {
  background-position: 5px -265px
}

.btn-resume:hover {
  background-position: -37px -265px
}

.btn-weixin {
  background-position: 3px -432px
}

.btn-weixin:hover {
  background-position: -36px -432px
}

.btn-transmit {
  background-position: 3px -487px
}

.btn-transmit:hover {
  background-position: -34px -487px
}

.btn-interview {
  background-position: 3px -318px
}

.btn-interview:hover {
  background-position: -36px -318px
}

.btn-mismatch {
  background-position: 3px -653px;
  margin-left: -5px
}

.btn-mismatch:hover {
  background-position: -37px -653px
}

.chat-sider {
  float: right;
  width: 280px;
  padding: 40px;
  background: #fbfbfc url(../images/layer-chat-sider.png) repeat-y;
  min-height: 354px;
  max-height: calc(100vh - 180px);
  overflow: hidden
}

.chat-sider .detail-content {
  overflow: hidden;
  height: calc(100vh - 509px)
}

.chat-sider .detail-content:hover {
  overflow: auto
}

.chat-sider .info-primary h3.name {
  font-size: 18px;
  font-weight: 400
}

.chat-sider .info-primary .saraly {
  padding: 10px 0 7px
}

.chat-sider .info-primary .saraly span {
  font-size: 18px
}

.chat-sider .info-primary .btn-outline {
  display: block;
  color: #61687c;
  background: #fbfbfc;
  height: 40px;
  line-height: 40px;
  margin-top: 25px
}

.chat-sider .info-primary .btn-outline:hover {
  background: #fff;
  color: #62d5c8
}

.secretary-container .chat-sider {
  padding-top: 20px;
  padding-bottom: 20px;
  height: calc(100vh - 141px);
  min-height: 543px
}

.secretary-container .chat-list {
  height: calc(100vh - 173px);
  min-height: 510px
}

.chat-wrap {
  background: #fff;
  margin-right: 360px
}

.detail-top {
  height: 51px;
  border-bottom: 1px #f2f2f5 solid;
  padding: 0 40px;
  line-height: 50px
}

.detail-top span {
  padding-left: 15px;
  color: #9fa3b0
}

.chat-box {
  padding: 0 0 20px
}

.chat-info {
  margin-left: -20px
}

.chat-info .figure {
  padding: 0 10px;
  text-align: center;
  width: 100px;
  float: left
}

.chat-info .figure img {
  width: 80px;
  height: 80px;
  display: block;
  margin: 0 auto;
  border-radius: 100%
}

.chat-info .figure .badge-salary {
  display: inline-block;
  background: #fa6a43;
  color: #fff;
  width: 68px;
  height: 22px;
  line-height: 22px;
  border-radius: 15px;
  font-size: 12px;
  margin-top: 16px
}

.chat-info .text {
  float: left;
  margin-left: 20px;
  line-height: 32px;
  margin-top: -5px
}

.chat-list {
  padding: 0 40px 20px;
  overflow: auto;
  box-sizing: border-box;
  height: calc(100vh - 334px);
  min-height: 200px
}

.chat-list li {
  margin-top: 30px
}

.chat-list li:after {
  content: '';
  clear: both;
  display: block;
  visibility: hidden;
  font-size: 0
}

.chat-list li .figure {
  width: 40px;
  float: left
}

.chat-list li .figure img {
  width: 40px;
  height: 40px;
  border-radius: 100%
}

.chat-list .item-time .time {
  display: block;
  width: 130px;
  text-align: center;
  margin: 20px auto -13px;
  background: #fff;
  color: #9fa3b0
}

.chat-list .item-history-line .time {
  width: 160px
}

.chat-list li .text {
  display: inline-block;
  line-height: 24px;
  background-color: #f2f5fa;
  vertical-align: top;
  padding: 8px 20px;
  border-radius: 7px;
  max-width: 494px;
  position: relative;
  word-break: break-all
}

.chat-list .item-friend .text {
  margin-left: 20px;
  border-top-left-radius: 0
}

.chat-list .item-myself .text {
  background-color: #62d5c8;
  color: #fff;
  float: right;
  border-top-right-radius: 0
}

.chat-list li.item-myself a {
  color: #fff
}

.chat-list li.item-myself a:hover {
  color: #eee
}

.chat-list .item-time {
  text-align: center;
  font-size: 12px;
  margin-left: auto;
  margin-right: auto
}

.chat-list .item-time:nth-child(1) {
  border-bottom: 1px #f2f5fa solid
}

.chat-list .item-system {
  text-align: center
}

.chat-list .item-system .text {
  text-align: left;
  background-color: #f2f5fa;
  padding: 0 15px;
  line-height: 24px;
  border-radius: 15px;
  color: #61687c;
  font-size: 12px
}

.chat-list li .text .btns {
  text-align: center;
  margin: 10px 0 5px
}

.chat-list li .status {
  position: absolute;
  z-index: 1;
  left: -40px;
  top: 0;
  width: 30px;
  height: 16px;
  background: url(https://static.zhipin.com/v2/web//boss/images/sendstatus.png) no-repeat -40px 0;
  display: block
}

.chat-list .status-error .status {
  background-position: 0 0
}

.chat-list .status-read .status {
  background-position: -80px 0
}

.chat-list .status-delivery .status {
  background-position: -120px 0
}

.chat-list .icon-interview-accept,.chat-list .icon-interview-cancel,.chat-list .icon-interview-reject,.chat-list .icon-interview-send {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background: url(https://static.zhipin.com/v2/web/boss/images/icons-interview.png) no-repeat;
  margin-top: -4px
}

.chat-list .item-myself .icon-interview-send {
  margin-left: 10px;
  background-position: -25px 0
}

.chat-list .item-myself .icon-interview-cancel {
  margin-left: 10px;
  background-position: -25px -25px
}

.chat-list .item-friend .icon-interview-send {
  margin-right: 10px;
  background-position: -33px -99px
}

.chat-list .item-friend .icon-interview-accept {
  margin-right: 10px;
  background-position: -25px -50px
}

.chat-list .item-friend .icon-interview-reject {
  margin-right: 10px;
  background-position: -25px -75px
}

.chat-editor {
  border-top: 2px #f7f9fc solid;
  padding: 0 20px;
  position: relative
}

.chat-placholder {
  color: #9fa3af;
  position: absolute;
  top: 60px;
  left: 35px
}

.chat-controls {
  padding: 17px 10px 5px
}

.chat-controls a i {
  font-style: normal;
  display: none;
  margin-left: 34px;
  color: #414a60
}

.chat-controls a:hover {
  min-width: 28px;
  width: auto
}

.chat-controls a:hover i {
  display: inline-block
}

.chat-message {
  outline: 0;
  height: 70px;
  overflow: auto;
  margin-top: 10px;
  padding: 0 10px 0;
  color: #000
}

.chat-message img {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  vertical-align: middle
}

.chat-op {
  text-align: right
}

.chat-op .tip {
  color: #d1d4db;
  padding-right: 20px
}

.chat-op .error-tip {
  color: red
}

.btn-send {
  border-radius: 15px;
  height: 28px;
  font-size: 14px;
  line-height: 28px;
  padding: 0 16px;
  min-width: inherit
}

.chat-op .btn-disabled,.chat-op .btn-disabled:hover {
  background-color: #fff;
  border-color: #d1d4db;
  color: #d1d4db;
  cursor: default
}

.emotion {
  display: none;
  position: absolute;
  width: 380px;
  border: 1px #f2f5fa solid;
  background: #fff;
  top: -202px;
  left: 10px;
  padding: 10px;
  box-shadow: 1px 1px 5px rgba(0,0,0,.03),-1px -1px 5px rgba(0,0,0,.03);
  z-index: 10
}

.emotion ul {
  font-size: 0;
  line-height: 0;
  height: 186px;
  overflow: hidden;
  padding-left: 1px;
  padding-top: 1px
}

.emotion ul:hover {
  overflow: auto
}

.emotion li {
  display: inline-block;
  border: 1px solid #f2f2f2;
  margin-top: -1px;
  margin-left: -1px;
  cursor: pointer;
  position: relative
}

.emotion li:hover {
  background: #f2f2f2
}

.emoj {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  border: 0;
  background: url(https://static.zhipin.com/v2/web//boss/images/emotions/emotions-2x.png) no-repeat;
  background-size: 70%;
  cursor: pointer
}

.emoj-1 {
  background-position: 4px 3px
}

.emoj-2 {
  background-position: 4px -24px
}

.emoj-3 {
  background-position: 4px -50px
}

.emoj-4 {
  background-position: 4px -77px
}

.emoj-5 {
  background-position: 4px -104px
}

.emoj-6 {
  background-position: 4px -131px
}

.emoj-7 {
  background-position: 4px -157px
}

.emoj-8 {
  background-position: 4px -184px
}

.emoj-9 {
  background-position: 4px -210px
}

.emoj-10 {
  background-position: 4px -237px
}

.emoj-11 {
  background-position: 4px -263px
}

.emoj-12 {
  background-position: 4px -290px
}

.emoj-13 {
  background-position: 4px -317px
}

.emoj-14 {
  background-position: 4px -343px
}

.emoj-15 {
  background-position: 4px -370px
}

.emoj-16 {
  background-position: 4px -396px
}

.emoj-17 {
  background-position: 4px -422px
}

.emoj-18 {
  background-position: 4px -450px
}

.emoj-19 {
  background-position: 4px -476px
}

.emoj-20 {
  background-position: 4px -503px
}

.emoj-21 {
  background-position: 4px -530px
}

.emoj-22 {
  background-position: 4px -556px
}

.emoj-23 {
  background-position: 4px -582px
}

.emoj-24 {
  background-position: 4px -609px
}

.emoj-25 {
  background-position: 4px -636px
}

.emoj-26 {
  background-position: 4px -662px
}

.emoj-27 {
  background-position: 4px -689px
}

.emoj-28 {
  background-position: 4px -716px
}

.emoj-29 {
  background-position: 4px -742px
}

.emoj-30 {
  background-position: 4px -768px
}

.emoj-31 {
  background-position: 4px -795px
}

.emoj-32 {
  background-position: 4px -821px
}

.emoj-33 {
  background-position: 4px -848px
}

.emoj-34 {
  background-position: 4px -875px
}

.emoj-35 {
  background-position: 4px -901px
}

.emoj-36 {
  background-position: 4px -928px
}

.emoj-37 {
  background-position: 4px -955px
}

.emoj-38 {
  background-position: 4px -981px
}

.emoj-39 {
  background-position: 4px -1008px
}

.emoj-40 {
  background-position: 4px -1035px
}

.emoj-41 {
  background-position: 4px -1061px
}

.emoj-42 {
  background-position: 4px -1087px
}

.emoj-43 {
  background-position: 4px -1114px
}

.emoj-44 {
  background-position: 4px -1140px
}

.emoj-45 {
  background-position: 4px -1167px
}

.emoj-46 {
  background-position: 4px -1193px
}

.emoj-47 {
  background-position: 4px -1220px
}

.emoj-48 {
  background-position: 4px -1247px
}

.emoj-49 {
  background-position: 4px -1273px
}

.emoj-50 {
  background-position: 4px -1300px
}

.emoj-51 {
  background-position: 4px -1326px
}

.emoj-52 {
  background-position: 4px -1353px
}

.emoj-53 {
  background-position: 4px -1379px
}

.emoj-54 {
  background-position: 4px -1405px
}

.emoj-55 {
  background-position: 4px -1432px
}

.emoj-56 {
  background-position: 4px -1459px
}

.emoj-57 {
  background-position: 4px -1485px
}

.emoj-58 {
  background-position: 4px -1512px
}

.emoj-59 {
  background-position: 4px -1539px
}

.emoj-60 {
  background-position: 4px -1566px
}

.emoj-61 {
  background-position: 4px -1592px
}

.emoj-62 {
  background-position: 4px -1618px
}

.emoj-63 {
  background-position: 4px -1644px
}

.emoj-64 {
  background-position: 4px -1671px
}

.emoj-65 {
  background-position: 4px -1698px
}

.emoj-66 {
  background-position: 4px -1724px
}

.emoj-67 {
  background-position: 4px -1751px
}

.emoj-68 {
  background-position: 4px -1777px
}

.emoj-69 {
  background-position: 4px -1804px
}

.emoj-70 {
  background-position: 4px -1831px
}

.emoj-71 {
  background-position: 4px -1858px
}

.emoj-72 {
  background-position: 4px -1884px
}

.emoj-73 {
  background-position: 4px -1911px
}

.emoj-74 {
  background-position: 4px -1938px
}

.emoj-75 {
  background-position: 4px -1962px
}

.emoj-76 {
  background-position: 4px -1990px
}

.emoj-77 {
  background-position: 4px -2017px
}

.emoj-78 {
  background-position: 4px -2044px
}

.emoj-79 {
  background-position: 4px -2071px
}

.emoj-80 {
  background-position: 4px -2097px
}

.emoj-81 {
  background-position: 4px -2121px
}

.emoj-82 {
  background-position: 4px -2149px
}

.emoj-83 {
  background-position: 4px -2175px
}

.emoj-84 {
  background-position: 5px -2202px
}

.emoj-85 {
  background-position: 4px -2228px
}

.emoj-86 {
  background-position: 4px -2255px
}

.emoj-87 {
  background-position: 4px -2282px
}

.emoj-88 {
  background-position: 4px -2309px
}

.emoj-89 {
  background-position: 4px -2336px
}

.emoj-90 {
  background-position: 4px -2363px
}

#container ::-webkit-scrollbar-track-piece,.frame-container ::-webkit-scrollbar-track-piece,.jconfirm-box ::-webkit-scrollbar-track-piece {
  background-color: #fff;
  -webkit-border-radius: 0
}

#container ::-webkit-scrollbar,.frame-container ::-webkit-scrollbar,.jconfirm-box ::-webkit-scrollbar {
  width: 5px
}

#container ::-webkit-scrollbar-thumb,.jconfirm-box ::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #ddd;
  -webkit-border-radius: 5px
}

#container ::-webkit-scrollbar-thumb:hover,.jconfirm-box ::-webkit-scrollbar-thumb:hover {
  height: 50px;
  background-color: #ccc;
  -webkit-border-radius: 5px
}

.page-sign {
  background: #5dd5c8 url(../images/newbg.png) center bottom no-repeat
}

.page-sign #wrap {
  min-width: auto
}

.page-sign #header {
  background: 0 0;
  box-shadow: none
}

.page-sign #header .logo {
  padding: 56px 0 0 60px
}

.page-sign #header .logo a {
  background: 0 0;
  width: auto;
  height: 60px
}

.page-sign #header .logo span {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  font-size: 18px;
  margin-left: 24px;
  line-height: 26px;
  padding-top: 5px;
  font-weight: 400
}

.page-sign #header .tel {
  float: right;
  height: 20px;
  padding: 60px 60px 0 0;
  line-height: 20px;
  color: #fff;
  vertical-align: middle;
  opacity: .7
}

.page-sign #header .tel i {
  padding-right: 3px;
  vertical-align: middle
}

.page-sign .hide {
  display: none!important
}

.pop-sign {
  width: 800px;
  min-height: 400px;
  height: 455px
}

.sign-wrap {
  width: 410px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -268px 0 0 -205px
}

.sign-form {
  width: 324px;
  padding: 35px 43px 0;
  background: #fff;
  border-radius: 8px;
  box-shadow: 1px 2px 15px rgba(0,0,0,.3);
  display: none
}

.sign-form .title {
  font-weight: 400;
  font-size: 26px;
  line-height: 32px;
  color: #5dd5c8;
  position: relative;
  text-align: center
}

.sign-form .tip-error {
  text-align: center;
  color: #fc6c38;
  height: 29px;
  line-height: 18px;
  padding-top: 7px;
  white-space: nowrap
}

.sign-tab {
  font-size: 0;
  border-bottom: 2px #f2f5f9 solid;
  white-space: nowrap;
  padding-top: 4px;
  text-align: center
}

.sign-tab span {
  display: inline-block;
  width: 70px;
  font-size: 14px;
  color: #9fa3b0;
  margin: 0 28px -2px;
  height: 36px;
  border-bottom: 2px #f2f5f9 solid;
  cursor: pointer
}

.sign-tab span:hover {
  color: #414a60
}

.sign-tab span.cur {
  border-bottom-color: #62d5c8;
  font-size: 16px;
  color: #414a60
}

.sign-tab span.link-signin {
  margin-left: 0
}

.sign-tab span.link-sms {
  text-align: center
}

.sign-tab span.link-scan {
  margin-right: 0;
  text-align: right
}

.sign-form form {
  padding-top: 22px
}

.sign-form .form-row {
  margin-top: 26px
}

.sign-form .row-select {
  position: relative
}

.sign-form .form-row em.error {
  position: absolute;
  display: block;
  right: 0;
  top: 9px;
  font-style: normal;
  color: #9fa3b0;
  font-size: 12px;
  padding-right: 15px
}

.sign-form .form-row .link-signin,.sign-form .form-row .link-sms {
  text-align: right;
  position: absolute;
  right: 0;
  cursor: pointer;
  bottom: -28px
}

.sign-form .ipt,.sign-form .sel {
  width: 286px;
  min-width: 0;
  padding: 9px 18px;
  border-color: #e3e7ed;
  vertical-align: middle
}

.sign-form .sel {
  margin-right: 0;
  width: 380px;
  height: 42px
}

.row-code .cell-wrap,.sign-form .ipt-wrap {
  position: relative;
  display: block
}

.row-code .cell-wrap {
  display: inline-block
}

.sign-form .row-select .dropdown-menu li {
  line-height: 36px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 8px;
  border-radius: 4px;
  transition: all .2s linear
}

.sign-form .row-select .dropdown-menu li:hover {
  color: #00a6a7;
  background: #f8f8f8
}

.sign-form .row-select .dropdown-menu li.disabled:hover {
  background: 0 0
}

.row-code.nc-container .nc_scale .nc_bg,.row-code.nc-container .nc_scale .nc_ok {
  background: #8d92a1
}

.row-code.nc-container .nc_scale .btn_ok {
  color: #5dd5c8;
  border-color: #5dd5c8
}

.pop-sign-box .nc-container .nc_scale .scale_text2,.sign-wrap .nc-container .nc_scale .scale_text2 {
  text-align: center
}

.row-code.nc-container .nc_scale .scale_text.scale_text2 {
  text-indent: -42px
}

.sign-quick .row-code.nc-container .nc_scale .btn_ok,.sign-quick .row-code.nc-container .nc_scale span {
  border-color: #fff
}

.pop-sign-box .row-code,.sign-wrap .row-code {
  position: relative;
  min-height: 42px;
  background: #e8e8e8
}

.sign-form .row-code .input_code,.sign-wrap .row-code .input_code {
  width: 190px!important;
  height: 15px!important;
  vertical-align: middle;
  top: 0!important
}

.sign-form .row-code img,.sign-wrap .row-code img {
  width: 95px!important;
  height: 40px!important;
  margin-left: 0!important;
  vertical-align: middle
}

.home-inner .sign-wrap-v2 .row-code .input_code {
  width: 125px!important
}

.home-inner .sign-wrap-v2 .row-code img {
  position: absolute;
  top: 1px
}

.search-job-list-wrap .home-inner .sign-wrap-v2 .row-code .input_code {
  width: 90px!important
}

.fast-register-box .sign-form .row-code .input_code {
  height: 14px!important;
  min-height: 14px;
  top: -14px!important
}

.fast-register-box .sign-form .row-code img {
  width: 91px!important;
  height: 32px!important;
  margin-left: 0!important;
  vertical-align: middle;
  position: relative;
  top: -21px
}

.pop-sign-box .row-code:before,.sign-wrap .row-code:before {
  position: absolute;
  left: 50%;
  margin-left: -45px;
  content: '正在加载中';
  background: url(https://z.zhipin.com/web/geek/resource/loading.gif) right center no-repeat;
  background-size: 16px;
  padding-right: 20px;
  line-height: 42px;
  color: #969696
}

.row-code.nc-container .nc_scale {
  height: 42px
}

.row-code.nc-container .nc_scale span {
  width: 46px;
  height: 40px;
  line-height: 40px
}

.row-code.nc-container .nc_scale .scale_text {
  line-height: 42px;
  background-color: #eef0f5;
  color: #61687c
}

.nc-container .nc_wrapper {
  width: 100%!important;
  overflow: hidden
}

.nc-container .nc_wrapper .btn_ok {
  left: auto!important;
  right: 0
}

.sign-form .dropdown-select {
  position: absolute;
  top: 1px;
  left: 28px;
  height: 40px;
  z-index: 1;
  background: 0 0
}

.sign-form .dropdown-select .text-select {
  display: inline-block;
  font-style: normal;
  cursor: pointer;
  width: 37px;
  padding: 7px 25px 7px 0;
  border: 0;
  text-align: right
}

.sign-form .dropdown-select .icon-select-arrow {
  right: 5px;
  top: 12px
}

.sign-form .dropdown-menu {
  z-index: 1011;
  left: 0
}

.sign-form .dropdown-menu ul {
  box-shadow: 0 4px 16px 0 rgba(0,0,0,.08);
  border: 1px solid #ededed;
  border-radius: 8px;
  background: #fff;
  overflow: auto;
  overflow-x: hidden;
  width: 168px;
  padding: 4px 8px;
  box-sizing: border-box;
  top: 4px
}

.sign-form .dropdown-menu .num {
  float: right
}

.icon-sign-code,.icon-sign-phone,.icon-sign-pwd,.icon-sign-sms,.sign-form .btn-sms,.validate-help dt {
  background-image: url(../images/icons-sign.png);
  background-repeat: no-repeat;
  -webkit-transition: box-shadow linear .2s;
  transition: box-shadow linear .2s
}

.icon-sign-code,.icon-sign-phone,.icon-sign-pwd,.icon-sign-sms {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 9px;
  top: 11px
}

.icon-sign-phone {
  background-position: 2px 1px
}

.icon-sign-pwd {
  background-position: 2px -91px
}

.icon-sign-code {
  background-position: 2px -44px
}

.icon-sign-sms {
  background-position: 2px -141px
}

.focus-wrap .icon-sign-phone {
  background-position: 2px -185px
}

.focus-wrap .icon-sign-pwd {
  background-position: 2px -277px
}

.focus-wrap .icon-sign-code {
  background-position: 2px -230px
}

.focus-wrap .icon-sign-sms {
  background-position: 2px -327px
}

.sign-form .ipt-phone {
  padding-left: 95px;
  width: 209px
}

.sign-form .ipt-pwd {
  padding-left: 38px;
  width: 266px
}

.sign-form .ipt-code {
  padding-left: 38px;
  width: 162px
}

.sign-form .ipt-sms {
  padding-left: 38px;
  width: 266px
}

.focus-wrap .ipt,.focus-wrap .sel,.sign-form .ipt:focus,.sign-form .sel:focus {
  box-shadow: 1px 2px 3px #d7f4f1;
  border-color: #59cac2
}

.sign-form .ipt-error {
  border-color: #fba68b;
  box-shadow: none
}

.sign-form .verifyimg {
  width: 103px;
  height: 40px;
  border: 1px #e3e7ed solid;
  border-left: 0;
  vertical-align: middle
}

.sign-form .row-code em.error {
  right: 119px
}

.sign-form .form-btn {
  margin-top: 30px
}

.sign-form .form-btn .btn {
  width: 100%;
  font-size: 16px;
  height: 42px;
  line-height: 42px;
  border: none;
  cursor: pointer
}

.sign-form .form-btn .btn-disabled,.sign-form .form-btn .btn-scan {
  background: #f2f5f9;
  border-color: #f2f5f9;
  color: #9fa3b0;
  cursor: default
}

.sign-form .form-btn .btn-disabled {
  cursor: default
}

.sign-form .form-btn .error-tip {
  display: block;
  visibility: hidden;
  height: 26px;
  margin-top: -37px;
  color: #fc6c38;
  padding-left: 20px;
  background-position: 0 -1385px;
  position: absolute;
  top: 0
}

.sign-form .form-btn .error-tip .icon-waring {
  margin-right: 5px
}

.sign-form .btn-sms {
  position: absolute;
  right: 3px;
  top: 3px;
  font-size: 14px;
  background-color: #fff;
  background-position: 0 -356px;
  min-width: 104px;
  color: #5dd5c8;
  border: 0
}

.sign-form button.count-down {
  color: #9fa3b0;
  white-space: nowrap;
  font-size: 13px;
  letter-spacing: 0
}

.sign-form button.count-down .num {
  position: static;
  color: #9fa3b0
}

.purpose-row {
  white-space: nowrap;
  font-size: 0;
  margin-bottom: -10px
}

.purpose-row span {
  display: inline-block;
  width: 153px;
  line-height: 34px;
  font-size: 14px;
  text-align: center;
  margin-right: 14px;
  border: 1px #e3e7ed solid;
  cursor: pointer
}

.purpose-row span.cur {
  box-shadow: 1px 2px 3px #d7f4f1;
  border-color: #59cac2;
  color: #5dd5c8
}

.qrcode-box {
  position: relative;
  padding-bottom: 17px
}

.qrcode-box p {
  padding: 32px 0 38px;
  text-align: center;
  color: #9fa3af
}

.qrcode-box p span {
  vertical-align: middle
}

.qrcode-box p em {
  font-style: normal;
  color: #3a76ff;
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle
}

.qrcode-box p em:after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../images/icon-help.png) no-repeat center;
  vertical-align: -2px;
  margin-left: 5px;
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%
}

.sign-scan {
  position: relative
}

.sign-scan .hover-range-left {
  position: absolute;
  width: 44px;
  height: 315px;
  left: -43px;
  top: 0
}

.sign-scan .hover-range-right {
  position: absolute;
  width: 44px;
  height: 315px;
  right: -43px;
  top: 0
}

.sign-scan .login-step-box {
  display: none;
  text-align: center
}

.sign-scan .login-step-box .user-photo {
  margin-bottom: 30px;
  margin-top: 65px;
  display: inline-block;
  width: 160px;
  height: 160px
}

.sign-scan .login-step-box .user-photo img {
  width: 160px;
  height: 160px;
  border-radius: 50%
}

.sign-scan .login-step-box .login-step-text .login-step-title {
  text-align: center;
  color: rgba(0,194,179,1);
  font-size: 18px;
  line-height: 26px;
  font-weight: 400
}

.sign-scan .login-step-box .login-step-text .login-step-detail {
  text-align: center;
  font-size: 14px;
  color: rgba(159,163,176,1);
  line-height: 20px
}

.qrcode-box img {
  display: block;
  width: 200px;
  height: 200px;
  margin: 0 auto
}

.qrcode-tip {
  display: none!important;
  width: 175px;
  height: 40px;
  padding: 10px 15px;
  background: #fff;
  border-radius: 10px;
  line-height: 20px;
  color: #61687c;
  position: absolute;
  left: -221px;
  top: -20px;
  box-shadow: 0 5px 20px rgba(0,0,0,.1)
}

.qrcode-tip span {
  position: absolute;
  right: 16px;
  top: 30px;
  color: #c9c9c9;
  cursor: pointer
}

.welcome-box {
  padding-top: 18px
}

.welcome-box img {
  display: block;
  width: 291px;
  height: 245px;
  margin: 0 auto
}

.welcome-text {
  text-align: center;
  color: #9fa3b0;
  padding: 0 0 40px
}

.welcome-text b {
  display: block;
  font-size: 18px;
  font-weight: 400;
  padding-bottom: 3px
}

.welcome-box .form-btn {
  margin-top: -9px
}

div.count-down {
  text-align: center;
  color: #9fa3af;
  padding: 28px 34px
}

.count-down em {
  font-style: normal
}

.validate-box img {
  display: block;
  width: 150px;
  height: 249px;
  margin: 0 auto
}

.validate-text {
  text-align: center;
  padding: 15px 0
}

.validate-help {
  border-top: 1px #e3e7ed solid;
  margin-top: 30px
}

.validate-help .more-view {
  float: right;
  margin-top: -6px
}

.validate-help dt {
  padding: 10px 0 10px 20px;
  background-position: 0 -391px
}

.validate-help dd {
  display: none;
  color: #9fa3b0;
  font-size: 12px;
  line-height: 20px;
  padding-bottom: 20px;
  padding-left: 20px
}

.validate-auto {
  text-align: center;
  color: #9fa3b0;
  padding: 30px 0 50px
}

.sign-register form {
  padding-top: 0
}

.sign-register .sign-tab {
  border-bottom-color: #fff;
  padding-top: 0
}

.sign-register .sign-tab span {
  font-size: 16px;
  text-align: center;
  display: block;
  width: auto;
  color: #414a60;
  cursor: default;
  border-bottom-color: #fff
}

.sign-register .register-tip {
  font-size: 16px;
  text-align: center;
  border-bottom: 1px #f2f5f9 solid;
  padding: 20px 0;
  color: #414a60
}

.sign-history .figure-box {
  text-align: center
}

.sign-history .figure-box p {
  padding: 15px 0 70px
}

.sign-history .figure-box img {
  width: 90px;
  height: 90px;
  border-radius: 100%;
  display: block;
  margin: 0 auto
}

.sign-history .figure-box span {
  font-size: 18px;
  display: block;
  padding-top: 22px
}

.history-change {
  height: 53px;
  border-top: 1px #e3e7ed solid;
  text-align: center;
  margin: 54px -43px 0
}

.history-change .link-signin {
  display: inline-block;
  margin-top: 14px
}

.form-msgjob {
  display: none
}

.form-msgjob .title {
  cursor: pointer
}

.sign-form .icon-arrow-left {
  position: absolute;
  top: 2px;
  left: -35px
}

.sign-form .text-tip {
  color: #9fa3b0;
  text-align: center;
  padding: 28px 0 36px;
  overflow: hidden;
  font-size: 13px;
  line-height: 20px
}

.sign-form .text-tip .left-tip {
  float: left
}

.sign-form .text-tip .link-wechat-login {
  text-indent: 30px;
  text-align: left;
  background: url(../images/icon/weixin.png) no-repeat 0 -35px/20px auto;
  color: #9fa3b0;
  cursor: pointer
}

.sign-form .text-tip .link-wechat-login:hover {
  color: #18c3b1
}

.sign-form .text-tip .right-tip {
  float: right
}

.sign-form .text-tip a {
  color: #18c3b1
}

.agreement-tip {
  margin-top: -26px;
  font-size: 13px
}

.agreement-tip input {
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 3px
}

.pay-tip {
  font-size: 12px;
  text-align: center;
  color: #fff;
  opacity: .6;
  margin-top: 22px
}

.guide-resume {
  padding: 45px 50px;
  float: none;
  width: auto;
  position: relative
}

.guide-resume .title {
  font-size: 30px;
  line-height: 40px
}

.guide-resume .count-down {
  position: absolute;
  bottom: 60px;
  left: 50px
}

.guide-resume .count-down em {
  font-style: normal
}

.guide-content {
  padding-top: 50px
}

.guide-content li {
  width: 230px;
  display: inline-block;
  vertical-align: top
}

.guide-content li .btn {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  margin-top: 15px;
  display: none
}

.guide-content li h4 {
  font-weight: 400;
  font-size: 14px;
  color: #9fa3af;
  padding-bottom: 10px
}

.guide-content li h4 em {
  display: inline-block;
  vertical-align: middle;
  width: 23px;
  height: 23px;
  line-height: 23px;
  margin-top: -3px;
  text-align: center;
  background: #d1d4da;
  border-radius: 100%;
  font-style: normal;
  color: #fff;
  margin-left: 5px
}

.guide-content li p {
  color: #d1d4da;
  padding-bottom: 6px
}

.guide-content li.step-4 {
  margin-left: 234px
}

.guide-content li.cur h4 em {
  background: #62d5c8
}

.guide-content li.cur p {
  color: #414a60
}

.guide-content li.cur p.gray {
  color: #d1d4da
}

.guide-content li.cur .btn {
  display: inline-block
}

.form-welcome .count-down,.guide-resume .count-down {
  color: #9fa3af;
  padding-top: 20px
}

.form-welcome .count-down em {
  font-style: normal
}

.pop-login {
  display: none
}

.pop-login .form-signup {
  display: none
}

.pop-login .form-sms {
  display: none
}

.pop-login .form-smscode {
  display: none
}

.pop-login .form-row .link-signin,.pop-login .form-row .link-sms {
  position: absolute;
  right: 0
}

.form-welcome {
  min-height: 300px
}

.form-welcome .count-down {
  padding-top: 70px
}

.welcome-btn {
  padding-top: 30px
}

.welcome-btn .btn {
  display: block;
  height: 42px;
  line-height: 42px
}

.form-card-header {
  background: #62d5c8;
  color: #fff;
  padding: 30px 30px 20px
}

.form-card-header .title {
  color: #fff;
  font-weight: 400
}

.form-card-header .intro {
  color: #fff
}

.form-card-body {
  padding: 20px 30px
}

.form-deliver .btns {
  padding: 0 30px
}

.form-deliver .btns .count-down {
  float: right;
  color: #9fa3af;
  padding: 7px 0 0
}

.form-deliver .btns .count-down em {
  font-style: normal
}

.jconfirm .pop-sign-deliver .pop-sign {
  height: 280px
}

.jconfirm .pop-sign-deliver .sign-form {
  padding: 0
}

.jconfirm .pop-sign-deliver .sign-qrcode {
  display: none
}

.jconfirm .pop-sign-box .sign-form {
  padding: 15px 23px 0;
  box-shadow: none
}

.jconfirm .pop-sign-box .qrcode-tip {
  display: none!important
}

.jconfirm .pop-sign-box .btn-switch {
  right: auto;
  left: -20px;
  top: -20px
}

.sign-qrcode {
  position: absolute;
  right: 0;
  width: 314px;
  height: 455px;
  background: #62d5c8;
  text-align: center;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px
}

.sign-qrcode img {
  width: 90px;
  height: 90px;
  display: block;
  margin: 119px auto 0
}

.sign-qrcode p {
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  margin-top: 40px
}

.sign-qrcode p b {
  display: block;
  font-size: 18px;
  font-weight: 400
}

.taost {
  display: none
}

.cover {
  position: fixed;
  background: rgba(0,0,0,.9);
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10000;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center
}

.cover h3 {
  color: #fff;
  font-size: 20px
}

.page-sign-v2 #header .tel {
  float: right;
  height: 20px;
  padding: 60px 60px 0 0;
  line-height: 20px;
  color: #fff;
  vertical-align: middle
}

.page-sign-v2 #header .tel i {
  padding-right: 3px;
  vertical-align: middle
}

.sign-wrap-v2.sign-wrap {
  width: 740px;
  min-height: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -262px 0 0 -370px
}

.sign-wrap-v2 .hide {
  display: none!important
}

.sign-wrap-v2 .sign-form {
  display: none;
  width: 740px;
  height: 500px;
  padding: 0;
  background: #fff;
  box-shadow: 0 6px 13px 0 rgba(0,0,0,.1);
  border-radius: 10px
}

.sign-wrap-v2 .sign-form .title {
  display: none
}

.sign-wrap-v2 .sign-content {
  position: relative;
  margin-left: 240px;
  height: 100%
}

.sign-wrap-v2 .sign-form .inner-box {
  position: relative;
  width: 324px;
  padding-top: 68px;
  margin: 0 auto
}

.sign-wrap-v2 .sign-form form {
  padding: 0
}

.page-sign .sign-wrap-v2 .sign-pwd .link-scan {
  display: none
}

.page-sign .sign-wrap-v2 .sign-sms .link-scan {
  display: none
}

.page-sign .sign-wrap-v2 .sign-pwd .link-scan {
  display: none
}

.page-sign .sign-wrap-v2 .sign-scan .link-scan,.page-sign .sign-wrap-v2 .sign-scan .link-signin,.page-sign .sign-wrap-v2 .sign-scan .link-sms {
  display: none
}

.sign-wrap-v2 .sign-tab {
  height: 22px;
  margin-bottom: 44px;
  padding: 0 0 15px;
  line-height: 22px;
  border: none
}

.sign-wrap-v2 .sign-tab span {
  width: 152px;
  height: 42px;
  line-height: 42px;
  color: #414a60;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  border: 1px solid rgba(227,231,237,1);
  margin: 0
}

.sign-wrap-v2 .sign-tab span+span {
  margin-left: 10px
}

.sign-wrap-v2.jconfirm-box-container .sign-tab span {
  width: 100px
}

.sign-wrap-v2 .sign-tab span.cur {
  border-color: #53cac3;
  color: #53cac3
}

.sign-wrap-v2 .sign-tab span:hover {
  border-color: #53cac3;
  color: #53cac3
}

.sign-wrap-v2 .sign-tab .scan-title-text {
  width: 100%;
  height: 24px;
  font-size: 20px;
  font-weight: 500;
  color: rgba(65,74,96,1);
  line-height: 24px
}

.sign-wrap-v2 .form-row {
  position: relative;
  margin: 0 0 24px
}

.sign-wrap-v2 .sign-form .tip-error {
  display: none;
  position: absolute;
  left: 3px;
  top: 45px;
  height: 18px;
  padding: 0 0 0 27px;
  background: url(../images/icons.png) no-repeat 0 -1059px;
  background-size: 18px auto;
  color: #fc703e;
  text-align: left;
  white-space: nowrap
}

.sign-wrap-v2 .sign-form .tip-error-form {
  top: 126px
}

.sign-wrap-v2 .purpose-row {
  margin: 0
}

.page-sign .sign-wrap-v2 .text-tip {
  padding: 24px 0 0 0
}

.page-sign .sign-wrap-v2 .text-tip a {
  width: 33.33%;
  float: left;
  text-align: left
}

.page-sign .sign-wrap-v2 .text-tip.float-none a {
  float: none
}

.page-sign .sign-wrap-v2 .text-tip a.pwd-login-btn {
  text-align: center
}

.page-sign .sign-wrap-v2 .text-tip a.link-signin {
  text-decoration: underline
}

.page-sign .sign-wrap-v2 .text-tip.no-wechat a {
  width: 50%;
  text-align: center
}

.page-sign .sign-wrap-v2 .sign-pwd .text-tip a.scan-login-btn,.page-sign .sign-wrap-v2 .sign-sms .text-tip a.scan-login-btn {
  text-indent: 36px
}

.page-sign .sign-wrap-v2 .text-argeement {
  font-size: 13px;
  font-weight: 400;
  color: rgba(141,146,161,1);
  line-height: 20px;
  text-align: center;
  margin-top: 30px
}

.text-agreement-link {
  color: rgba(0,194,179,1);
  transition: all .2s linear
}

.text-agreement-link:hover {
  color: rgba(0,194,179,.8)
}

.page-sign .sign-wrap-v2 .text-argeement a {
  font-size: 13px;
  font-weight: 400;
  color: rgba(0,194,179,1);
  line-height: 20px
}

.page-sign .sign-wrap-v2 .text-tip .link-signup {
  text-align: right
}

.page-sign .sign-wrap-v2 .text-tip .scan-login-btn {
  text-indent: 22px
}

.page-sign .sign-wrap-v2 .sign-sms .text-tip {
  padding: 24px 0 0 0
}

.page-sign .sign-wrap-v2 .sign-sms .text-tip a:hover {
  color: #00c2b3
}

.page-sign .sign-wrap-v2 .sign-scan .text-tip {
  padding: 16px 0 0 0
}

.page-sign .sign-wrap-v2 .sign-scan .text-tip a {
  color: rgba(159,163,175,1)
}

.page-sign .sign-wrap-v2 .sign-scan .text-tip a:hover {
  color: #00c2b3
}

.page-sign .sign-wrap-v2 .sign-register .text-tip {
  text-align: center;
  font-size: 13px;
  line-height: 20px
}

.page-sign .sign-wrap-v2 .sign-miniapp .text-tip a,.page-sign .sign-wrap-v2 .sign-register .text-tip a,.sign-wrap-v2 .sign-register .text-tip .user-agreement {
  float: none;
  width: auto
}

.sign-wrap-v2 .text-tip .agree-policy {
  vertical-align: top;
  margin: 4px 3px 0 0
}

.sign-wrap-v2 .text-argeement .agree-policy {
  vertical-align: top;
  margin: 4px 3px 0 0
}

.sign-wrap-v2 .text-tip .user-agreemen {
  color: #18c3b1
}

.sign-wrap-v2 .text-tip .user-agreement:hover {
  color: #18c3b1
}

.sign-wrap-v2 .btn-switch {
  left: 6px;
  top: 6px
}

.sign-wrap-v2 .login-tab-switch {
  display: none;
  width: 20px;
  height: 20px;
  right: 20px;
  top: 20px;
  left: auto;
  background-image: url(../images/sign/sign_icon_sprites.png);
  background-position: -70px -5px;
  background-size: 95px 65px
}

.sign-wrap-v2 .login-tab-switch:hover {
  width: 20px;
  height: 20px;
  right: 20px;
  top: 20px;
  left: auto;
  background-image: url(../images/sign/sign_icon_sprites.png);
  background-position: -40px -5px;
  background-size: 95px 65px
}

.sign-wrap-v2 .login-tab-switch.pwd-switch {
  display: none;
  width: 20px;
  height: 20px;
  right: 20px;
  top: 20px;
  left: auto;
  background-image: url(../images/sign/sign_icon_sprites.png);
  background-position: -34px -41px;
  background-size: 95px 65px
}

.sign-wrap-v2 .login-tab-switch.pwd-switch:hover {
  width: 20px;
  height: 20px;
  right: 20px;
  top: 20px;
  left: auto;
  background-image: url(../images/sign/sign_icon_sprites.png);
  background-position: -5px -41px;
  background-size: 95px 65px
}

.sign-wrap-v2 .btn-switch .switch-tip {
  top: 8px
}

.sign-wrap-v2 .login-tab-switch .switch-tip {
  width: 117px;
  height: 30px;
  background: #5dd5c8;
  color: #fff;
  box-shadow: 0 1px 7px 0 rgba(93,213,200,.2);
  font-size: 13px;
  top: -5px;
  right: 35px;
  left: auto
}

.sign-wrap-v2 .sign-content .publicity-info {
  margin-top: 12px
}

.sign-wrap-v2 .sign-content .publicity-info p {
  color: #8d92a1;
  font-size: 12px;
  text-align: center;
  line-height: 20px
}

.sign-wrap-v2 .sign-content .publicity-info a {
  position: relative;
  color: #8d92a1;
  padding: 0 4px;
  display: inline-block
}

.sign-wrap-v2 .sign-content .publicity-info .prove-list a+a:before {
  content: ' ';
  position: absolute;
  width: 1px;
  top: 5px;
  left: 0;
  height: 10px;
  background-color: #8d92a1
}

.sign-wrap-v2 .sign-content .publicity-info .renshe-phone {
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding-left: 4px
}

.sign-wrap-v2 .sign-content .publicity-info .renshe-phone:before {
  content: ' ';
  position: absolute;
  width: 1px;
  top: 5px;
  left: 0;
  height: 10px;
  background-color: #8d92a1
}

.sign-wrap-v2 .sign-content .publicity-info .pc-license {
  display: inline-block
}

.sign-wrap-v2 .sign-content .publicity-info .mobile-license {
  display: none
}

.sign-wrap-v2 .app-load-box {
  display: none;
  width: 200px;
  height: 200px;
  position: absolute;
  bottom: -95px;
  right: -288px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 6px 13px 0 rgba(0,0,0,.1)
}

.sign-wrap-v2 .app-load-box:after {
  width: 0;
  height: 0;
  transform: rotate(45deg);
  border: 8px solid transparent;
  box-shadow: 0 6px 13px 0 rgba(0,0,0,.1);
  position: absolute;
  content: '';
  left: -8px;
  top: 128px;
  background: #fff
}

.sign-wrap-v2 .app-load-box:before {
  width: 20px;
  height: 28px;
  left: 0;
  top: 124px;
  background: #fff;
  position: absolute;
  content: '';
  z-index: 1
}

.sign-wrap-v2 .download-btn:hover .app-load-box {
  display: block
}

.sign-wrap-v2 .app-load-box img {
  width: 103px;
  height: 103px;
  margin: 34px auto 14px auto
}

.sign-wrap-v2 .app-load-box p {
  font-size: 14px;
  color: rgba(97,104,124,1);
  line-height: 20px;
  letter-spacing: 1px;
  padding: 0
}

.sign-wrap-v2 .login-tab-switch .switch-tip:before {
  top: 8px;
  right: -9px;
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid #5dd5c8;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  position: absolute
}

.jconfirm .pop-sign-box.sign-wrap-v2 .sign-form {
  padding: 0
}

.jconfirm .pop-sign-box.sign-wrap-v2 .btn-switch {
  right: 0;
  left: 0;
  top: 0
}

.jconfirm .pop-sign-box.sign-wrap-v2 .sign-register {
  height: 524px
}

.jconfirm .pop-sign-box.sign-wrap-v2 .sign-register .tip-error-form {
  top: 126px
}

.jconfirm .pop-sign-box.sign-wrap-v2 .sign-scan-help {
  z-index: 201
}

.jconfirm .pop-sign-box.sign-wrap-v2 .sign-welcome {
  padding: 15px 23px 0
}

.jconfirm .pop-sign-box.sign-wrap-v2 .jconfirm-box {
  width: 740px
}

.jconfirm .pop-sign-box.sign-wrap-v2 .jconfirm-box div.content-pane {
  min-height: 514px
}

.jconfirm .pop-sign-box.sign-wrap-v2 .jconfirm-box div.content-pane .content {
  padding: 0;
  clip: unset!important
}

.sign-slide-box {
  float: left;
  width: 240px;
  height: 100%;
  color: #8d92a1;
  background-color: #f8fcff;
  border-radius: 10px 0 0 10px
}

.sign-slide-box .logo {
  float: none;
  display: block;
  width: auto;
  height: 40px;
  margin: 88px 0 0 40px;
  padding: 0
}

.sign-slide-box .logo p {
  color: #00c2b3;
  line-height: 20px
}

.sign-slide-box .logo img {
  width: 42px;
  height: 42px;
  float: left
}

.sign-slide-box .logo div {
  float: left;
  position: relative;
  bottom: -1px;
  margin-left: 10px
}

.sign-slide-box ul {
  margin: 50px 0 0 40px
}

.sign-slide-box li {
  margin-bottom: 50px
}

.sign-slide-box li:last-of-type {
  margin-bottom: 0!important
}

.sign-slide-box li i {
  float: left;
  width: 25px;
  height: 42px;
  background: url(../images/sign-slide.png) no-repeat;
  background-size: 100% auto
}

.sign-slide-box li:nth-of-type(4n+1) i {
  background-position: 0 10px
}

.sign-slide-box li:nth-of-type(4n+2) i {
  background-position: 0 -45px
}

.sign-slide-box li:nth-of-type(4n+3) i {
  background-position: 0 -99px
}

.sign-slide-box li:nth-of-type(4n) i {
  background-position: 0 -150px
}

.sign-slide-box li>span {
  display: block;
  margin-left: 50px
}

.sign-slide-box li>span:first-of-type {
  line-height: 22px;
  color: #8d92a1;
  font-size: 16px;
  font-weight: 700
}

.sign-slide-box li>span:last-of-type {
  margin-top: 2px;
  line-height: 18px;
  color: #b0b4c1;
  font-size: 13px
}

.sign-wrap-v2 .sign-pwd {
  height: 574px
}

.sign-wrap-v2 .sign-sms {
  height: 574px
}

.sign-wrap-v2 .sign-scan {
  height: 590px
}

.sign-wrap-v2 .sign-scan .sign-tab {
  margin-bottom: 0
}

.sign-wrap-v2 .sign-scan-help {
  display: none;
  position: absolute;
  left: 370px;
  top: -107px;
  width: 274px;
  height: 524px;
  margin-left: -10px;
  background-color: #fff;
  opacity: 0;
  border-radius: 10px;
  filter: drop-shadow(0 6px 13px rgba(0,0,0,.1));
  z-index: 1006
}

.sign-wrap-v2 .sign-scan-help:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: -10px;
  top: 147px;
  border: 10px solid transparent;
  border-right-color: #fff;
  border-left: none
}

.sign-wrap-v2 .sign-scan-help h4 {
  margin: 40px auto 24px;
  color: #333;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  line-height: 22px
}

.sign-wrap-v2 .sign-scan-help .scan-help-tab {
  position: relative;
  z-index: 1;
  width: 188px;
  height: 29px;
  margin: 0 auto;
  border: 1px solid #53cac4;
  font-size: 0;
  border-radius: 20px;
  overflow: hidden
}

.sign-wrap-v2 .sign-scan-help .scan-help-tab li {
  width: 50%!important;
  text-align: center;
  vertical-align: middle;
  color: #19b9b1;
  font-size: 12px;
  background-color: #fff;
  cursor: pointer;
  height: 29px;
  line-height: 29px;
  float: left
}

.sign-wrap-v2 .sign-scan-help .scan-help-tab li.active {
  background-color: #e5f8f7
}

.sign-wrap-v2 .sign-scan-help .sub-title {
  margin: 24px auto 20px;
  color: #444;
  text-align: center;
  line-height: 20px
}

.sign-wrap-v2 .sign-scan-help .scan-help-content li {
  display: none;
  width: 234px;
  height: 325px;
  margin: 0 auto
}

.sign-wrap-v2 .sign-scan-help .scan-help-content li.active {
  display: block
}

.sign-wrap-v2 .sign-scan-help .help-boss {
  background: url(https://img.bosszhipin.com/static/file/2022/6gyainbzon1646641031872.png) no-repeat center center;
  background-size: 100% 100%
}

.sign-wrap-v2 .sign-scan-help .help-geek {
  background: url(https://img.bosszhipin.com/static/file/2022/qsxkd6jow71646641032175.png) no-repeat center center;
  background-size: 100% 100%
}

.sign-wrap-v2 .sign-register {
  height: 550px
}

.sign-wrap-v2 .sign-register .sign-slide-box ul {
  margin-top: 50px
}

.sign-wrap-v2 .sign-register .inner-box {
  padding-top: 74px
}

.sign-wrap-v2 .sign-register h4 {
  margin: 24px 0 41px;
  line-height: 22px;
  color: #00c2b3;
  font-size: 16px;
  font-weight: 400
}

.sign-wrap-v2 .sign-register .tip-error-form {
  top: 126px
}

.sign-wrap-v2 .sign-miniapp {
  height: 590px;
  text-align: left
}

.sign-wrap-v2 .sign-miniapp .sign-slide-box ul {
  margin-top: 50px
}

.sign-wrap-v2 .sign-miniapp .inner-box {
  text-align: center
}

.sign-wrap-v2 .sign-miniapp h4 {
  margin: 20px 0 40px;
  line-height: 22px;
  color: #00c2b3;
  font-size: 16px;
  font-weight: 400
}

.sign-wrap-v2 .sign-miniapp .tip-error-form {
  top: 58px
}

.sign-wrap-v2 .sign-miniapp .sign-tip {
  margin-top: 30px;
  color: #61687c
}

.sign-wrap-v2 .sign-miniapp .text-tip {
  padding-top: 62px
}

.sign-wrap-v2 .sign-resume .tip-error-form {
  top: 118px
}

.sign-wrap-v2 .sign-quick .tip-error-form {
  position: static;
  height: auto;
  margin-top: -18px
}

.sign-wrap-v2 .sign-welcome {
  width: 324px;
  padding: 35px 43px 0
}

@media (max-width: 800px) {
  #wrap {
      position:relative
  }

  .page-sign {
      min-width: inherit;
      background: 0 0
  }

  .page-sign #header {
      display: none
  }

  .page-sign .sign-wrap {
      position: static;
      margin: 0;
      width: auto
  }

  .page-sign .sign-form {
      box-shadow: none;
      width: auto;
      padding: 0 15px 0;
      border-radius: 0
  }

  .page-sign .sign-form .title {
      padding: 30px 0 20px 0;
      margin-bottom: 44px
  }

  .page-sign .sign-pwd {
      display: none
  }

  .page-sign .sign-register.sign-form .title {
      padding-bottom: 0
  }

  .page-sign .sign-register .sign-tab {
      display: none
  }

  .page-sign .sign-form .tip-error {
      display: none
  }

  .page-sign .sign-tab {
      display: table;
      width: 100%;
      border-bottom-width: 0
  }

  .page-sign .sign-tab span {
      display: table-cell;
      width: 50%;
      text-align: center
  }

  .page-sign .sign-tab .link-scan {
      display: none
  }

  .page-sign .sign-tab {
      display: none
  }

  .page-sign .form-row .ipt {
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box
  }

  .page-sign .form-row .ipt-zone {
      width: 62px
  }

  .page-sign .row-code {
      display: table;
      width: 100%;
      height: 34px
  }

  .row-code ._nc .stage1 .slider {
      box-shadow: none
  }

  .row-code ._nc .stage1 {
      height: 42px
  }

  .row-code ._nc .stage1 .slider {
      left: 0;
      right: 0
  }

  .row-code ._nc .stage1 .label,.row-code ._nc .stage1 .track div {
      height: 42px
  }

  .row-code ._nc .stage1 .slider {
      height: 42px;
      line-height: 42px
  }

  .row-code ._nc .stage1 .label,.row-code ._nc .stage1 .track div {
      font-size: 14px;
      line-height: 42px
  }

  .row-code ._nc .stage1 .button {
      height: 42px;
      width: 48px
  }

  .row-code ._nc .icon-load-c {
      font-size: 26px;
      color: #5dd5c8;
      padding-top: 2px
  }

  .row-code.nc-container ._nc .icon-slide-arrow {
      border: 1px solid #ccc;
      width: 46px;
      height: 40px;
      left: 0;
      line-height: 40px;
      text-align: center
  }

  .row-code ._nc .icon {
      line-height: 30px
  }

  .row-code ._nc .stage1 .icon-ok {
      color: #8d92a1;
      font-size: 22px;
      border: 1px solid #8d92a1;
      width: 46px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      left: 0
  }

  .row-code ._nc .stage1 .bg-green {
      background: #8d92a1;
      box-shadow: none
  }

  .row-code ._nc .icon-slide-arrow {
      font-size: 22px
  }

  .page-sign .row-code .cell-wrap {
      display: table-cell;
      width: 100%
  }

  .page-sign .row-code .cell-wrap .ipt-code {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
  }

  .page-sign .sign-register .sign-tab {
      padding-top: 26px;
      margin-bottom: -22px
  }

  .page-sign .sign-register .purpose-row {
      display: none
  }

  .page-sign .sign-form .btn-switch {
      display: none
  }

  .toast {
      display: none;
      position: absolute;
      width: 80%;
      margin: 0 auto;
      height: 40px;
      line-height: 40px;
      top: 60%;
      left: 10%;
      margin-top: -40%;
      background: rgba(0,0,0,.8);
      border-radius: 20px;
      color: #fff;
      text-align: center;
      z-index: 9999
  }

  .page-sign .sign-wrap-v2 .text-tip a {
      float: none;
      width: auto
  }

  .page-sign .sign-wrap-v2 .text-tip .scan-login-btn {
      color: #fff;
      pointer-events: none;
      opacity: 0
  }

  .sign-tab span {
      border-bottom: 1px #f2f5f9 solid
  }

  .agreement-tip {
      margin-bottom: 15px
  }

  .sign-wrap .row-code .input_code {
      width: 74%!important;
      height: 42px!important;
      vertical-align: middle;
      top: 0!important
  }

  .sign-wrap .row-code img {
      width: 25%!important;
      height: 40px!important;
      margin-left: 0!important;
      vertical-align: middle
  }

  .wrap-header {
      color: #fff;
      height: 45px;
      padding: 0 15px;
      line-height: 45px;
      overflow: hidden;
      background-color: #5dd5ca
  }

  .wrap-header p {
      font-size: 16px;
      text-align: center
  }

  .wrap-header .wap-back {
      float: left;
      width: 10px;
      height: 20px;
      margin-top: 13px;
      display: inline-block;
      background: url(../images/wap/title-arrow.png) no-repeat;
      background-size: 10px auto
  }

  .wrap-grade {
      padding: 0 15px
  }

  .wrap-grade li {
      text-indent: 3px;
      font-size: 14px;
      min-height: 48px;
      line-height: 48px;
      border-bottom: 1px solid #e9efef
  }

  .wrap-grade li.input {
      overflow: hidden
  }

  .wrap-grade .input .input-wrap {
      overflow: hidden;
      height: 48px;
      padding: 0 20px 0 15px
  }

  .wrap-grade .input .input-wrap input {
      width: 100%;
      text-align: right;
      border: 0
  }

  .wrap-grade li .file {
      position: relative;
      display: inline-block;
      width: 50px;
      height: 50px;
      border-radius: 50px;
      text-decoration: none;
      overflow: hidden;
      float: right;
      margin-top: 13px;
      background: url(../images/wap/icon-camera.png) #eefbf9 center center no-repeat;
      background-size: 19px
  }

  .wrap-grade li .file input {
      position: absolute;
      font-size: 100px;
      right: 0;
      top: 0;
      opacity: 0
  }

  .wrap-grade li.photo {
      height: 76px;
      line-height: 76px
  }

  .wrap-grade li select {
      border: 0;
      background: 0 0;
      height: 48px;
      line-height: 48px;
      font-size: 14px
  }

  .fl {
      float: left
  }

  .fr {
      float: right
  }

  .gray {
      color: #9fa3b0
  }

  .icon-arrow-right {
      display: inline-block;
      width: 6px;
      height: 20px;
      background: url(../images/wap/grade-arrow-right.png) no-repeat;
      background-size: 6px auto;
      vertical-align: middle
  }

  .wrap-grade li .icon-arrow-right {
      margin-top: 19px;
      margin: 19px 0 0 13px
  }

  .wrap-grade li.photo .icon-arrow-right {
      margin-top: 33px
  }

  .clipper-wrapper {
      position: fixed;
      top: 0;
      bottom: 0;
      width: 100%;
      overflow: hidden;
      background-color: #000
  }

  .clipper-wrapper .lock-mask {
      position: absolute;
      width: 100%;
      height: 100%
  }

  .page-sign .dialog-icons-default .dialog-container,.page-sign .dialog-prop-default .dialog-container {
      width: 260px;
      margin-left: -160px
  }

  .page-sign .dialog-icons-default .dialog-footer .btns,.page-sign .dialog-prop-default .dialog-footer .btns {
      text-align: center
  }

  .page-sign .dialog-icons-default .dialog-footer .btn:first-of-type,.page-sign .dialog-prop-default .dialog-footer .btn:first-of-type {
      margin-left: 0
  }

  .page-sign .limit-boss-dialog .dialog-container {
      width: 260px;
      margin-left: -130px
  }

  .sign-wrap-v2.sign-wrap {
      min-height: 0
  }

  .sign-form .sign-slide-box {
      display: none
  }

  .sign-wrap-v2 .sign-content {
      position: static;
      margin: 0;
      height: auto
  }

  .sign-wrap-v2 .sign-form .title {
      display: block
  }

  .sign-wrap-v2 .sign-form {
      height: auto
  }

  .sign-wrap-v2 .sign-form .inner-box {
      width: auto;
      padding: 0
  }

  .sign-wrap-v2 .sign-content .publicity-info .renshe-phone {
      display: block;
      text-align: center
  }

  .sign-wrap-v2 .sign-content .publicity-info .renshe-phone:before {
      content: none
  }

  .sign-wrap-v2 .sign-content .publicity-info .pc-license {
      display: none
  }

  .sign-wrap-v2 .sign-content .publicity-info .mobile-license {
      display: inline-block
  }

  .sign-wrap-v2 .sign-form.sign-pwd .text-tip,.sign-wrap-v2 .sign-form.sign-sms .text-tip {
      display: none
  }
}

@media only screen and (-webkit-device-pixel-ratio: 2) and (max-device-height:568px) and (min-device-width:320px) {
  ._nc .stage1 .icon {
      bottom:0!important
  }
}

.defaultConfirm .jconfirm-box {
  width: 340px
}

.qrcodeimg-box {
  display: block;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  position: relative
}

.qrcodeimg-box img:not([src]),.qrcodeimg-box img[src=""] {
  opacity: 0
}

.invalid-box {
  display: none;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  text-align: center;
  background: rgba(255,255,255,.9);
  position: absolute;
  left: 0;
  top: 0
}

.invalid-box .btn {
  font-size: 13px;
  min-width: 100px
}

.invalid-box p {
  padding: 50px 0 25px;
  color: #333
}

.sign-form {
  position: relative
}

.btn-switch {
  position: absolute;
  z-index: 1005;
  left: 0;
  top: 0;
  width: 42px;
  height: 42px;
  background: no-repeat;
  background-size: 42px 84px;
  cursor: pointer
}

.ewm-switch {
  background-image: url(../images/btn-ewm.png)
}

.ewm-switch:hover {
  background-position: 0 -42px
}

.phone-switch {
  background-image: url(../images/btn-phone.png)
}

.phone-switch:hover {
  background-position: 0 -42px
}

.btn-switch .switch-tip {
  width: 120px;
  line-height: 30px;
  text-align: center;
  font-size: 13px;
  color: #9fa3af;
  position: absolute;
  left: 42px;
  top: 5px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
  cursor: default;
  pointer-events: none;
  background-color: #fff
}

.btn-switch .switch-tip .icon-triangle {
  background: url(../images/arrow-left.png) no-repeat center;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: -10px;
  width: 10px;
  background-size: 20px 20px
}

.sign-miniapp {
  text-align: center
}

.sign-miniapp h4 {
  font-weight: 400;
  line-height: 20px;
  margin: 22px 0 53px
}

.sign-miniapp .qrcodeimg-box img {
  width: 200px
}

.sign-miniapp .sign-tip {
  color: #53cac3;
  line-height: 22px;
  margin-top: 20px
}

.sign-miniapp .text-tip {
  line-height: 22px;
  padding: 84px 0 30px
}

.sign-succ {
  text-align: center;
  height: 515px
}

.sign-succ .img-succ {
  width: 63px;
  height: 63px;
  margin: 148px 0 30px
}

.sign-succ p {
  color: #9fa3af;
  line-height: 22px
}

.check-phone-wrap .dialog-container {
  width: auto;
  margin: -185px auto auto -262px;
  padding: 40px
}

.check-phone-wrap .dialog-title h3.title {
  line-height: 24px;
  font-size: 24px
}

.check-phone-wrap .row-code.nc-container .nc_scale .scale_text {
  text-align: center!important
}

.check-phone-wrap .dialog-footer {
  display: none
}

.check-phone {
  display: block;
  width: auto;
  padding: 0;
  border-radius: 0;
  box-shadow: unset
}

.check-phone form {
  padding-top: 14px
}

.check-phone .cell-title {
  display: inline-block;
  width: 90px;
  padding-right: 30px;
  text-align: right
}

.check-phone .ipt-wrap {
  display: inline-block
}

.check-phone .row-sms {
  margin-top: 0
}

.check-phone.sign-form .btn-sms {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 36px;
  background-color: #fff
}

.check-phone.sign-form .btn-sms:hover {
  color: #5dd5c8
}

.check-phone.sign-form .btn-sms.count-down {
  color: #9fa3b0;
  white-space: nowrap;
  font-size: 13px;
  letter-spacing: 0
}

.check-phone .form-footer {
  margin-top: 5px
}

.check-phone .form-footer .btns {
  text-align: right
}

.check-phone .form-footer .btns .btn {
  min-width: 42px;
  height: 32px;
  margin: 0 0 0 20px;
  padding: 0 25px;
  line-height: 32px;
  font-size: 14px;
  box-sizing: content-box
}

.check-phone .form-footer .btns .btn-outline:hover {
  height: 30px;
  padding: 0 24px;
  border-width: 2px;
  line-height: 30px;
  background-color: #fff;
  color: #00c7b1
}

.check-phone .phonecode-error,.check-phone .verifyimg-error {
  height: 25px;
  margin-left: 120px;
  line-height: 25px;
  font-size: 12px
}

.dialog-wechat-login .dialog-con {
  display: flex
}

.dialog-wechat-login .wechat-login-dialog-layer {
  position: fixed;
  width: 100%;
  height: 100%
}

.dialog-wechat-login .wechat-login-wrap {
  position: relative;
  height: 425px;
  margin: auto
}

.dialog-wechat-login iframe {
  height: 425px;
  margin: auto
}

.dialog-wechat-login .overdue {
  display: none;
  position: absolute;
  top: 55px;
  left: 9px;
  height: 282px;
  width: 282px;
  background-color: rgba(255,255,255,.9);
  text-align: center
}

.dialog-wechat-login .overdue span {
  display: block;
  margin-top: 90px;
  font-size: 20px;
  color: #414a60;
  letter-spacing: 1px
}

.dialog-wechat-login .overdue .btn-refresh {
  display: block;
  width: 146px;
  min-width: unset;
  height: 42px;
  min-height: unset;
  line-height: 44px;
  text-align: center;
  cursor: pointer;
  margin: 20px auto 0
}

.sign-bind-wechat-signin .title,.sign-bind-wechat-signup .title {
  color: #414a60;
  margin-bottom: 18px
}

.sign-bind-wechat-signin .sub-title,.sign-bind-wechat-signup .sub-title {
  line-height: 24px;
  font-size: 14px;
  color: #9fa3b0;
  text-align: center
}

.sign-bind-wechat-signin form {
  padding-top: 0
}

.sign-bind-wechat-signin .form-btn {
  margin-top: 79px
}

.sign-bind-wechat-signup form {
  padding-top: 16px
}

.sign-bind-wechat-signup .purpose-row {
  margin-bottom: 0
}

.sign-bind-wechat-signup .form-btn {
  margin-top: 27px
}

.sign-form .top-btn-back {
  position: absolute;
  z-index: 10;
  top: 21px;
  left: 20px;
  width: 20px;
  height: 20px;
  background: url(../images/icon/arrow-left.png) no-repeat left top/50% auto
}

.sign-form .top-btn-back:hover {
  background-position: 0 -54px;
  cursor: pointer;
  -webkit-transition: none;
  transition: none
}

.pop-sign-wechat .dialog-container {
  padding: 40px
}

.pop-sign-wechat .title {
  line-height: 24px;
  font-size: 24px;
  color: #414a60
}

.pop-sign-wechat .dialog-con {
  padding: 20px 0;
  line-height: 30px;
  font-size: 16px;
  color: #9fa3b0
}

.dialog-wechat-login .wechat-login-wrap .title {
  text-align: center;
  font-size: 20px;
  color: #fff
}

.dialog-wechat-login .mini-app-login {
  margin: 0 auto;
  text-align: center;
  min-height: 280px
}

.dialog-wechat-login .mini-app-login .mini-qrcode {
  width: 280px;
  margin-top: 15px
}

.dialog-wechat-login .wechat-login-wrap .info {
  width: 280px;
  margin: 0 auto;
  margin-top: 15px;
  padding: 7px 14px;
  background-color: #232323;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: inset 0 5px 10px -5px #191919,0 1px 0 0 #444;
  box-shadow: inset 0 5px 10px -5px #191919,0 1px 0 0 #444;
  line-height: 1.6;
  color: #fff;
  text-align: center
}

.dialog-wechat-login .wechat-login-wrap .info p {
  font-size: 13px
}

.dialog-wechat-login .wechat-login-wrap .mini-overdue {
  top: 40px;
  left: 13px
}

#wrap.sign-resume-wrapper {
  height: 100%;
  min-height: 700px;
  background: #5dd5c8 url(../images/newbg.png) center bottom no-repeat
}

.sign-resume-wrapper .hide {
  display: none!important
}

.sign-resume-wrapper .tip-error-form {
  top: 116px
}

.sign-resume-wrapper .page-loading,.sign-resume-wrapper .sign-resume,.sign-resume-wrapper .upload-resume {
  display: block
}

.sign-resume-wrapper .upload-resume .sign-content {
  text-align: center
}

.sign-resume-wrapper .upload-resume .top-slogan {
  line-height: 25px;
  color: #00c2b3;
  font-size: 18px
}

.sign-resume-wrapper .upload-resume h4 {
  margin-top: 54px;
  line-height: 24px;
  font-size: 24px;
  font-weight: 400
}

.sign-resume-wrapper .upload-resume .sub-title {
  margin-top: 30px;
  line-height: 24px
}

.sign-resume-wrapper .upload-resume .upload-resume-wrap {
  display: block;
  position: relative;
  width: 324px;
  height: 42px;
  margin: 45px auto 20px;
  line-height: 42px;
  font-size: 15px;
  overflow: hidden
}

.sign-resume-wrapper .upload-resume .upload-resume-wrap input {
  position: absolute;
  width: 100%;
  height: 200%;
  top: -100%;
  left: 0;
  background: 0 0;
  opacity: 0;
  cursor: pointer
}

.sign-resume-wrapper .upload-resume .complete-online {
  width: 324px;
  height: 42px;
  line-height: 42px;
  color: #8d92a1;
  font-size: 14px
}

.sign-resume-wrapper .upload-resume .complete-online:hover {
  background-color: #fff;
  box-shadow: 0 0 1px 0 rgba(93,213,200,1)
}

.sign-resume-wrapper .page-loading .sign-content {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center
}

.sign-resume-wrapper .sign-resume .sign-slide-box .logo {
  margin-left: 82px
}

.sign-resume-wrapper .sign-resume .sign-slide-box ul {
  margin-top: 35px
}

.sign-resume-wrapper .sign-resume .sign-slide-box li {
  margin-bottom: 54px
}

.sign-resume-wrapper .sign-resume .sign-slide-box li>span {
  margin-left: 42px
}

.sign-resume-wrapper .sign-resume .sign-slide-box li>span:last-of-type {
  margin-top: 4px
}

.sign-resume-wrapper .sign-resume h4 {
  margin-bottom: 47px;
  line-height: 24px;
  color: #00c2b3;
  font-size: 18px;
  font-weight: 400;
  text-align: center
}

.sign-resume-wrapper .form-footer {
  margin-top: 35px
}

.sign-resume-wrapper .form-footer .btn {
  display: block;
  width: 322px
}

.sign-resume-wrapper .form-footer .btn.btn-waiting {
  border-color: #9fa3b0;
  background: #9fa3b0 url(../images/loading.gif) no-repeat 85px center/auto 55%;
  cursor: default;
  pointer-events: none
}

.sign-resume-wrapper .row-tip-error {
  position: absolute;
  height: auto;
  padding-top: 0;
  line-height: inherit;
  color: #fc703e
}

.search-job-list-wrap .sider .sign-wrap {
  position: static;
  top: unset;
  left: unset;
  width: auto;
  min-height: 0;
  margin: 0 0 15px
}

.search-job-list-wrap .sider .sign-form {
  width: auto;
  height: auto;
  background-color: #5dd5c8;
  box-shadow: none;
  border-radius: 0
}

.search-job-list-wrap .sider .sign-form .tip-error {
  background-position: 0 -1114px;
  color: #ffeb9e
}

.search-job-list-wrap .sider .sign-form .tip-error-form {
  top: 87px;
  left: 20px
}

.search-job-list-wrap .sider .sign-form .title {
  display: block;
  padding: 20px 0 24px;
  color: #fff;
  font-size: 18px
}

.search-job-list-wrap .sider .sign-form form {
  margin: 0 auto;
  width: 224px
}

.search-job-list-wrap .sider .sign-form .ipt-phone {
  width: 109px
}

.search-job-list-wrap .sider .sign-form .ipt-sms {
  width: 166px
}

.search-job-list-wrap .sider .sign-form .btn-sms {
  width: 92px;
  min-width: 0
}

.search-job-list-wrap .sider .sign-form .nc-lang-cnt {
  text-indent: 40px
}

.search-job-list-wrap .sider .sign-form .text-tip {
  padding: 10px 0 20px;
  font-size: 12px;
  color: rgba(255,255,255,.7);
  position: relative;
  z-index: 2
}

.search-job-list-wrap .sider .sign-form .text-tip .agree-policy {
  vertical-align: top
}

.search-job-list-wrap .sider .sign-form .form-btn .btn {
  background-color: #fff;
  color: #00c2b3
}

.search-job-list-wrap .sider .sign-form .form-btn .btn:hover {
  opacity: .9
}

.search-job-list-wrap .sider .sign-form .text-tip a {
  color: #fff;
  opacity: .7
}

.search-job-list-wrap .sider .sign-form .text-tip a:hover {
  opacity: .9
}

.search-job-list-wrap .sider #sign-side {
  position: absolute;
  bottom: 0;
  right: 0
}

.company-sider .sign-wrap {
  position: static;
  top: unset;
  left: unset;
  width: auto;
  min-height: 0;
  margin: 0 0 15px
}

.company-sider .sign-form {
  width: auto;
  height: auto;
  background-color: #5dd5c8;
  box-shadow: none;
  border-radius: 0
}

.company-sider .sign-form .tip-error {
  background-position: 0 -1114px;
  color: #ffeb9e
}

.company-sider .sign-form .tip-error-form {
  top: 87px;
  left: 20px
}

.company-sider .sign-form .title {
  display: block;
  padding: 20px 0 24px;
  color: #fff;
  font-size: 18px
}

.company-sider .sign-form form {
  width: 258px;
  margin: 0 auto
}

.company-sider .sign-form .ipt-phone {
  width: 143px
}

.company-sider .sign-form .ipt-sms {
  width: 200px
}

.company-sider .sign-form .text-tip {
  padding: 10px 0 20px;
  font-size: 12px;
  color: rgba(255,255,255,.7);
  position: relative;
  z-index: 2
}

.company-sider .sign-form .form-btn .btn {
  background-color: #fff;
  color: #00c2b3
}

.company-sider .sign-form .form-btn .btn:hover {
  opacity: .9
}

.company-sider .sign-form .text-tip a {
  color: #fff;
  opacity: .7
}

.company-sider .sign-form .text-tip a:hover {
  opacity: .9
}

.company-sider #sign-side {
  position: absolute;
  bottom: 0;
  right: 0
}

.job-sider .sign-wrap {
  position: static;
  top: unset;
  left: unset;
  width: auto;
  min-height: 0;
  margin: 0 0 30px
}

.job-sider .sign-form {
  width: auto;
  height: auto;
  background-color: #5dd5c8;
  box-shadow: none;
  border-radius: 0
}

.job-sider .sign-form .tip-error {
  background-position: 0 -1114px;
  color: #ffeb9e
}

.job-sider .sign-form .tip-error-form {
  top: 87px;
  left: 20px
}

.job-sider .sign-form .title {
  display: block;
  padding: 20px 0 24px;
  color: #fff;
  font-size: 18px;
  font-weight: 500
}

.job-sider .sign-form form {
  width: 258px;
  margin: 0 auto
}

.job-sider .sign-form .ipt-phone {
  width: 143px
}

.job-sider .sign-form .ipt-sms {
  width: 200px
}

.job-sider .sign-form .text-tip {
  padding: 10px 0 20px;
  font-size: 12px;
  color: rgba(255,255,255,.7);
  position: relative;
  z-index: 2
}

.job-sider .sign-form .form-btn .btn {
  background-color: #fff;
  color: #00c2b3
}

.job-sider .sign-form .form-btn .btn:hover {
  opacity: .9
}

.job-sider .sign-form .text-tip a {
  color: #fff;
  opacity: .7
}

.job-sider .sign-form .text-tip a:hover {
  opacity: .9
}

.job-sider #sign-side {
  position: absolute;
  bottom: 0;
  right: 0
}

.sign-form .yidun_intellisense--light .yidun_classic-container {
  z-index: 1011
}

.sign-form .yidun.yidun--light .yidun_bgimg .yidun_bg-img {
  width: 100%!important;
  height: auto!important
}

.sign-form .yidun.yidun--light .yidun_jigsaw {
  width: auto!important;
  height: 100%!important;
  position: absolute!important
}

.sign-form .yidun_intellisense--light .yidun_intelli-control {
  height: 42px
}

.sign-form .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slider {
  background-color: #00c2b3
}

.sign-form .yidun.yidun--light .yidun_slider:hover {
  color: #00c2b3;
  background-color: #00c2b3
}

.sign-form .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slide_indicator {
  border-color: #00c2b3;
  background: #eefff5
}

.sign-form .yidun.yidun--light {
  min-width: auto!important
}

.sign-form .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-icon,.yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-icon {
  background-color: #00c2b3
}

.sign-form .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-text,.yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-text {
  color: #00c2b3
}

.sign-form .yidun_intellisense--light.yidun_intellisense--success .yidun_classic-tips {
  color: #00c2b3;
  background: #eefff5;
  cursor: default;
  border-color: #00c2b3;
  line-height: 38px;
  height: 40px;
  text-align: left;
  padding: 0 18px
}

.sign-form .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-icon {
  background-color: #00c2b3;
  box-shadow: 0 2px 6px 1px #00c2b3
}

.sign-form .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-text {
  color: #00c2b3
}

.sign-form .yidun_intellisense--light {
  z-index: 1008
}

.sign-wrap-v2 .form-row .geetest_holder.geetest_wind {
  min-width: 216px;
  z-index: 1001
}

.geetest_holder.geetest_mobile.geetest_ant .geetest_panel .geetest_copyright,.geetest_holder.geetest_mobile.geetest_ant .geetest_panel .geetest_small .geetest_feedback,.geetest_holder.geetest_wind .geetest_success_logo {
  display: none
}

.job-box .sign-wrap-v2 .row-code,.search-job-list-wrap .sign-quick .row-code {
  display: none
}

input:-webkit-autofill {
  box-shadow: 0 0 0 1000px #fff inset!important
}

input:-webkit-autofill:focus {
  box-shadow: 0 0 0 1000px #fff inset!important
}

.sign-quick .focus-wrap .ipt,.sign-quick .focus-wrap .sel {
  box-shadow: none;
  border: none;
  background: #fff
}

.sign-quick .ipt,.sign-quick .sel {
  border: none
}

.job-box .sign-wrap-v2 .form-row-verify,.search-job-list-wrap .form-row-verify {
  position: absolute;
  top: 48px;
  width: 100%;
  height: 34px;
  background: #fff;
  box-shadow: 0 0 6px 0 rgba(0,0,0,.13);
  border-radius: 2px
}

.form-row-verify .geetest_holder.geetest_wind .geetest_radar_btn:hover {
  background-image: linear-gradient(180deg,#fff 0,#f3f3f3 100%)
}

.form-row-verify .picture_box {
  position: relative;
  z-index: 101;
  background: #fff
}

.form-row-verify .picture_box .input_code {
  top: 0!important;
  height: 22px!important;
  padding: 6px 18px;
  border: none;
  padding-left: 12px;
  box-shadow: none
}

.form-row-verify .picture_box img {
  height: 34px!important;
  margin-left: 0!important;
  vertical-align: middle;
  float: right
}

.form-row-verify .picture_box .btn-img {
  position: absolute;
  font-size: 12px;
  white-space: nowrap;
  color: #54cbc4;
  top: 0;
  right: 68px;
  padding: 0 10px;
  line-height: 34px;
  height: 34px;
  z-index: 999;
  min-width: auto;
  background: 0 0;
  border: none
}

.job-box .sign-wrap-v2 .nc_wrapper,.search-job-list-wrap .nc_wrapper {
  position: relative;
  z-index: 1001
}

.job-box .sign-wrap-v2 .form-row-verify:before,.search-job-list-wrap .form-row-verify:before {
  position: absolute;
  top: -4px;
  right: 32px;
  content: '';
  margin-left: -45px;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 1px solid rgb(237,238,241,.3);
  border-left: 1px solid rgb(237,238,241,.3);
  z-index: 100;
  background: #fff
}

.job-box .sign-wrap-v2 .form-row-verify:after,.search-job-list-wrap .form-row-verify:after {
  position: absolute;
  top: -3px;
  left: 50%;
  margin-left: -45px;
  content: '正在加载中';
  background: url(https://z.zhipin.com/web/geek/resource/loading.gif) right center no-repeat;
  background-size: 16px;
  padding-right: 20px;
  line-height: 42px;
  color: #969696;
  white-space: nowrap
}

.verify-init-btn {
  position: absolute;
  width: 100%;
  height: 40px;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 38px;
  z-index: 1;
  border: 1px solid #ccc;
  background-color: #f3f3f3;
  background-image: linear-gradient(180deg,#fff 0,#f3f3f3 100%);
  cursor: pointer;
  font-size: 14px
}

.verify-init-btn:hover {
  background-image: linear-gradient(0deg,#fff 0,#f3f3f3 100%)
}

.verify-init-dot {
  position: absolute;
  width: 13px;
  height: 13px;
  display: block;
  left: 12px;
  top: 13px;
  border-radius: 50%;
  background: #3873ff
}

.dialog-agreement .dialog-container {
  padding: 40px 0;
  width: 800px;
  height: 600px;
  box-sizing: border-box;
  margin: -300px 0 0 -400px
}

.dialog-agreement .dialog-container .dialog-con {
  padding: 0 68px;
  height: 440px;
  overflow: auto
}

.dialog-agreement .title {
  font-size: 24px;
  font-weight: 500;
  color: rgba(65,74,96,1);
  line-height: 34px;
  margin: 0 auto 40px;
  text-align: center
}

.dialog-agreement p {
  font-size: 14px;
  font-weight: 400;
  color: rgba(65,74,96,1);
  line-height: 20px;
  margin-bottom: 24px
}

.limit-boss-dialog .dialog-container {
  width: 520px;
  padding: 0;
  padding-bottom: 30px;
  margin-left: -260px;
  margin-top: -165px
}

.limit-boss-dialog .dialog-footer {
  margin-top: 0;
  padding: 0 30px
}

.limit-boss-dialog .limit-content .title {
  width: 100%;
  height: 96px;
  background: url(../images/sign/limit-bg.png) no-repeat center center;
  background-size: 100% 100%
}

.limit-boss-dialog .limit-content .title h4 {
  line-height: 24px;
  font-weight: 500;
  font-size: 20px;
  padding: 36px 0 0 30px
}

.limit-boss-dialog .limit-content .content {
  padding: 20px 30px;
  white-space: pre-wrap
}

.limit-boss-dialog .limit-content .content p {
  color: #51586d;
  line-height: 28px
}

.limit-boss-dialog .limit-content .content p:first-child {
  padding-bottom: 8px
}

.limit-boss-dialog .limit-content .text-primary {
  color: #00c2b3
}

.limit-boss-dialog .limit-content .text-primary:hover {
  color: #18c3b1
}

.limit-boss-dialog .limit-content .text-danger {
  color: #ef505e
}

@media (max-width: 800px) {
  .dialog-agreement .dialog-container {
      width:300px;
      height: 350px;
      margin: -175px 0 0 -150px;
      padding-top: 20px
  }

  .dialog-agreement .title {
      margin: 0 auto 20px;
      font-size: 20px
  }

  .dialog-agreement .dialog-container .dialog-con {
      padding: 0 20px;
      height: 257px
  }
}

.change-identity-dialog .dialog-container {
  width: 460px;
  height: 320px;
  border-radius: 12px;
  margin: -160px -230px;
  background: #fff;
  padding: 0
}

.change-identity-dialog .dialog-container:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 133px;
  background: url(https://img.bosszhipin.com/static/file/2022/55vhpichnp1666676376854.png) 0 0/100% auto no-repeat;
  z-index: -1
}

.change-identity-dialog.identity-geek .dialog-container:before {
  background-position: 0 -133px
}

.change-identity-dialog .dialog-con {
  padding-top: 150px
}

.change-identity-dialog .dialog-con p {
  font-size: 20px;
  font-weight: 500;
  color: #222;
  line-height: 28px;
  text-align: center
}

.change-identity-dialog .dialog-con span.warm-tip-message {
  display: block;
  font-size: 12px;
  color: #999;
  line-height: 20px;
  text-align: center
}

.change-identity-dialog .dialog-footer {
  margin-top: 24px
}

.change-identity-dialog .dialog-footer .btns {
  text-align: center
}

.change-identity-dialog .dialog-footer .btns .btn {
  margin-left: 16px;
  width: 128px;
  height: 40px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  line-height: 40px;
  border: none;
  text-align: center;
  transition: all .2s linear
}

.change-identity-dialog .dialog-footer .btns .btn-outline {
  color: #00a6a7;
  background: rgba(0,190,189,.1)
}

.change-identity-dialog .dialog-footer .btns .btn-outline:hover {
  padding: 0;
  background: rgba(0,190,189,.2)
}

.change-identity-dialog .dialog-footer .btns .btn-sure {
  position: relative;
  background: rgba(0,190,189,1);
  color: #fff
}

.change-identity-dialog .dialog-footer .btns .btn-sure:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 9px;
  z-index: 0;
  width: 68px;
  height: 22px;
  background: url(https://img.bosszhipin.com/static/file/2022/pqiygk26lv1661743616985.png) 0 0/68px auto no-repeat
}

.change-identity-dialog .dialog-footer .btns .btn-sure:hover {
  background: rgba(0,190,189,.8)
}

body.semwrap {
  background-color: #f0f2f5
}

.semwrap .main {
  width: 100%;
  height: 556px;
  background: #545b79 url(../images/sem-bg.jpg) center center no-repeat;
  background-size: cover;
  overflow: hidden
}

.semwrap .container {
  width: 1002px;
  height: 428px;
  margin: 122px auto 0
}

.semwrap #footer {
  margin-top: 0
}

.semwrap .slider-box {
  float: left;
  z-index: 1001
}

.semwrap .slider-main,.semwrap .slider-main li,.semwrap .slider-main ul {
  width: 582px;
  height: 426px
}

.semwrap .slider-main {
  margin-top: -8px
}

.semwrap .slider-box li a {
  display: block;
  width: 582px;
  height: 426px
}

.semwrap .box {
  width: 400px;
  height: 426px;
  float: right
}

.semwrap .sign-wrap {
  position: static;
  width: 410px;
  margin: 0
}

.semwrap .sign-wrap .sign-form {
  z-index: 1001
}

.semwrap .sign-form {
  border-radius: 0;
  width: 324px;
  height: 383px;
  padding: 35px 43px 0
}

.semwrap .sign-form form {
  padding-top: 5px
}

.semwrap .sign-form .form-row {
  margin-top: 25px
}

.semwrap .sign-form .form-btn {
  margin-top: 20px
}

.semwrap .sign-form .text-tip {
  padding: 20px 0 0
}

.semwrap .tip-error {
  margin-bottom: -25px
}

.semwrap .welcome-box img {
  width: 178px;
  height: 150px
}

.semwrap .welcome-text {
  padding-bottom: 20px
}

.semwrap .sign-welcome .form-btn {
  margin-top: 10px
}

.semwrap .sign-welcome div.count-down {
  padding: 10px 0 0
}

.semwrap li .list-left {
  float: left
}

.semwrap li .list-right {
  float: right
}

.semwrap li .list {
  width: 287px;
  height: 101px;
  margin-top: 8px
}

.semwrap li .list img {
  width: 99px;
  height: 101px;
  float: left;
  cursor: pointer
}

.semwrap li .list img:hover {
  opacity: .8
}

.semwrap .list {
  cursor: pointer
}

.semwrap .list:after {
  clear: both;
  display: block;
  line-height: 0;
  font-size: 0;
  height: 0;
  visibility: hidden
}

.semwrap .list .con {
  float: right;
  height: 101px;
  width: 187px;
  background-color: #fff
}

.semwrap .list p {
  font-size: 14px;
  color: #414a60;
  text-align: right;
  padding-right: 22px;
  zoom:1}

.semwrap .list p.red {
  color: #fc6c38;
  font-size: 24px;
  line-height: 72px
}

.semwrap li .list-spec img {
  width: 139px;
  height: 100px;
  cursor: pointer
}

.semwrap li .list .fr {
  float: right
}

.semwrap .tip {
  width: 330px;
  position: absolute;
  top: 72px;
  left: 100px;
  background: #fff;
  padding: 33px 35px 15px;
  box-shadow: 0 3px 10px 0 rgba(131,131,131,.5)
}

.semwrap .tip .top {
  position: relative;
  border-bottom: 1px #eee solid;
  margin-top: -10px;
  padding-bottom: 20px
}

.semwrap .tip img {
  width: 60px;
  height: 60px;
  display: block
}

.semwrap .tip span {
  color: #414a60;
  font-size: 20px;
  color: #5dd5c8
}

.semwrap .tip .center {
  padding: 26px 0 26px;
  height: 50px;
  color: #9fa3af;
  font-size: 14px
}

.semwrap .tip .center p {
  display: inline-block;
  width: 160px;
  margin-bottom: 7px
}

.semwrap .tip .bottom {
  font-size: 0;
  padding-top: 10px
}

.semwrap .tip .bottom span {
  position: static;
  display: inline-block;
  vertical-align: top;
  width: 78px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border: 1px #5dd5c8 solid;
  color: #5dd5c8;
  font-size: 14px;
  padding-top: 0;
  margin-bottom: 20px;
  border-radius: 15px
}

.semwrap .tip .bottom span.mr {
  margin: 0 45px
}

.semwrap .tip .close {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 30px;
  right: 32px;
  background: url(../images/semwrap-close.jpg) center center no-repeat;
  cursor: pointer;
  z-index: 1
}

.semwrap .tip2 {
  width: 582px;
  height: 428px;
  background: url(../images/semwrap-tipbg.jpg) center center repeat-x;
  opacity: .85;
  position: absolute;
  top: 8px;
  left: 0;
  box-shadow: 0 3px 10px 0 rgba(131,131,131,.5)
}

.semwrap .tip2 .close {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 25px;
  right: 30px;
  cursor: pointer
}

.semwrap .tip,.semwrap .tip2 {
  display: none
}

.semwrap #footer {
  background: #f0f2f5;
  height: 155px
}

.semwrap #footer .footer-img {
  margin-top: 30px;
  text-align: center
}

.semwrap #footer .footer-img img {
  width: 100%
}

.semwrap #footer .copyright {
  text-align: center;
  color: #abacaf;
  margin-top: 36px;
  font-size: 12px
}

.semwrap .inner-container {
  float: left;
  overflow: hidden
}

.semwrap .inner-container li a {
  display: block;
  width: 582px;
  height: 426px
}

.semwrap .inner-main,.semwrap .inner-main li,.semwrap .inner-main ul {
  width: 582px;
  height: 426px
}

.semwrap .inner-main {
  margin-top: -8px;
  overflow: hidden;
  position: relative
}

.semwrap li .list-up {
  width: 588px;
  height: 242px
}

.semwrap li .list-up .item {
  background-color: #fff;
  width: 189px;
  height: 213px;
  float: left;
  margin-left: 10px;
  padding-top: 29px;
  cursor: pointer
}

.semwrap li .list-up .item.item-first {
  margin-left: 0
}

.semwrap li .list-up .item img {
  display: block;
  width: 84px;
  height: 84px;
  margin: 0 auto
}

.semwrap li .list-up .content {
  margin-top: 29px;
  padding: 0 38px
}

.semwrap li .list-up .content p {
  font-size: 14px;
  color: #9fa3af;
  text-align: center;
  line-height: 22px
}

.semwrap li .list-up .content .title {
  font-size: 16px;
  color: #414a60;
  line-height: 16px;
  margin-bottom: 10px
}

.semwrap li .list-down {
  margin-top: 10px;
  width: 588px;
  margin-top: 10px
}

.semwrap li .list-down .item {
  background-color: #fff;
  width: 289px;
  height: 177px;
  float: left;
  cursor: pointer
}

.semwrap li .list-down .item.item-down-last {
  margin-left: 10px
}

.semwrap li .list-down .item img {
  display: block;
  width: 84px;
  height: 84px;
  float: left;
  margin: 47px 29px 0 25px
}

.semwrap li .list-down .content {
  padding-top: 47px;
  padding-right: 36px
}

.semwrap li .list-down .content p {
  font-size: 14px;
  color: #9fa3af;
  text-align: center;
  line-height: 22px
}

.semwrap li .list-down .content .title {
  font-size: 16px;
  color: #414a60;
  line-height: 33px
}

.semwrap2 .main {
  background: #545b79 url(../images/sem-bg2.jpg) center center no-repeat
}

.semwrap2 .sem-job-box {
  height: 100%;
  width: 582px
}

.semwrap2 .sem-job-box .tip2 {
  top: 0
}

.semwrap2 .sem-job-box .job-tab-box {
  width: 100%;
  height: 42px;
  display: flex;
  z-index: 9999
}

.semwrap2 .sem-job-box .job-tab-box li {
  display: block;
  flex: 1;
  text-align: center;
  height: 100%;
  line-height: 42px;
  color: #fff;
  position: static;
  background: rgba(255,255,255,.1);
  box-sizing: border-box;
  border-right: solid 1px #785e9b;
  cursor: pointer
}

.semwrap2 .sem-job-box .job-tab-box li.cur {
  background: #7dbac9
}

.semwrap2 .sem-job-box .job-tab-box li:last-child {
  border: none
}

.semwrap2 .sem-job-box .sem-content {
  background: -webkit-linear-gradient(top,rgba(126,187,201,1) 0,rgba(44,194,195,.9) 70%,rgba(44,194,195,.6) 100%);
  height: 376px;
  box-sizing: border-box;
  padding: 15px 17px 0 19px
}

.semwrap2 .sem-job-box .sem-content .sem-job-item {
  display: none
}

.semwrap2 .sem-job-box .sem-content .sem-job-item.cur {
  display: block
}

.semwrap2 .sem-content img {
  display: block;
  float: left;
  cursor: pointer
}

.semwrap2 .sem-content img:hover {
  opacity: .8
}

.semwrap2 .sem-job-box .sem-job-list li {
  display: flex;
  color: #fff;
  font-size: 13px;
  height: 43px;
  line-height: 43px;
  border-bottom: solid 1px #4fc0c8;
  cursor: pointer;
  box-sizing: border-box;
  padding: 0 5px 0 2px
}

.semwrap2 .sem-job-box .sem-job-list li:last-child {
  border-bottom: none
}

.semwrap2 .sem-job-box .sem-job-list li div {
  flex: 1
}

.semwrap2 .sem-job-box .sem-job-list li div:nth-child(2) {
  flex: 1.8
}

.semwrap2 .sem-job-box .sem-job-list li div:last-child {
  text-align: right
}

.semwrap2 .sem-job-box .sem-job-list li .more-job:after {
  content: "";
  display: inline-block;
  height: 8px;
  width: 8px;
  border-right: solid 1px #fff;
  border-bottom: solid 1px #fff;
  transform: rotate(-45deg);
  position: relative;
  top: 0;
  margin-left: 2px
}

.semwrap3 .sem-job-box {
  height: 100%;
  width: 582px;
  overflow: hidden
}

.semwrap3 .sem-job-box .sem-content {
  width: 600px
}

.semwrap3 .sem-job-box .sem-content li {
  width: 188px;
  height: 133px;
  background: #add8e6;
  background-position: center center;
  background-size: cover;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
  color: #fff;
  cursor: pointer
}

.semwrap3 .sem-job-box .sem-content li .title {
  margin-top: 15px;
  font-size: 14px
}

.semwrap3 .sem-job-box .sem-content li .salary {
  font-size: 21px;
  font-weight: 700;
  margin: 3px 0 5px
}

.semwrap3 .sem-job-box .sem-content li .info {
  font-size: 15px;
  line-height: 23px
}

.semwrap3 .sem-job-box .tip2 {
  top: 0
}

body.sem-overseas {
  background-color: #fff
}

.sem-overseas .main {
  background-position: center top
}

.sem-overseas .container {
  margin-top: 60px
}

.sem-overseas h1 {
  font-size: 28px;
  color: #fff;
  line-height: 40px;
  margin-bottom: 22px
}

.sem-overseas h1.logo {
  margin-bottom: 0
}

.sem-overseas h1 span {
  font-size: 22px;
  margin-left: 10px
}

.sem-overseas h1 b {
  color: #5dd5c8;
  margin-left: 5px
}

.sem-overseas li .list-spec img {
  height: 91px
}

.semwrap7,body.semwrap7 {
  color: #fff;
  font-size: 15px;
  min-width: 1000px
}

.semwrap7 .inner {
  max-width: 1000px
}

.semwrap7 #toast {
  color: #414a60
}

.semwrap7 #wrap {
  min-height: auto;
  min-width: 1000px
}

.semwrap7 #wrap .main {
  position: relative;
  background-image: -webkit-linear-gradient(top,#3e72d2 0,#77bdd1 100%);
  background-image: linear-gradient(top,#3e72d2 0,#77bdd1 100%)
}

.semwrap7 #wrap .item:hover {
  color: #53cac3;
  cursor: pointer
}

.semwrap7 #wrap .query:hover,.semwrap7 #wrap .reg:hover,.semwrap7 #wrap .salary:hover {
  color: #ff8d5d;
  cursor: pointer
}

.semwrap7 button {
  display: block;
  border: none;
  background-color: #53cac3;
  color: #fff;
  text-align: center
}

.semwrap7 #wrap button.item:hover,.semwrap7 #wrap button:hover {
  background-color: #6adbcf;
  color: #fff;
  cursor: pointer
}

.semwrap7 .container {
  width: 1000px;
  height: 620px;
  margin: 25px auto 0
}

.semwrap7 .container .sem-title {
  width: 100%;
  height: 42px;
  margin-bottom: 33px;
  background: url(../images/sem/sem7/sem7-title.png) left top no-repeat;
  background-size: auto 42px
}

.semwrap7 .slider-box .sem-search {
  height: 40px;
  padding: 2px;
  background-color: #53cac3;
  font-size: 0
}

.semwrap7 .slider-box .sem-search .ipt-sem-search {
  display: inline-block;
  width: 452px;
  height: 40px;
  border: none;
  padding-left: 19px;
  line-height: 1;
  font-size: 15px;
  vertical-align: middle
}

.semwrap7 .slider-box .sem-search button {
  display: inline-block;
  width: 96px;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  text-align: center;
  vertical-align: middle
}

.semwrap7 .sem-job-box {
  position: relative;
  width: 572px;
  height: 367px;
  margin-top: 8px
}

.semwrap7 li.more {
  height: 20px;
  border-bottom: 1px solid rgba(255,255,255,.3);
  padding: 20px
}

.semwrap7 li.more:hover {
  background-color: rgba(7,8,68,.3);
  color: #fff;
  cursor: pointer
}

.semwrap7 li.more {
  background-color: rgba(7,8,68,.3);
  position: absolute;
  top: 306px;
  width: calc(100% - 40px)
}

.semwrap7 li.more .position {
  color: #fc703e
}

.semwrap7 li.more .count {
  color: #fc703e
}

.semwrap7 li.more .reg {
  display: inline;
  width: auto;
  height: auto;
  color: #fc703e;
  text-decoration: underline
}

.semwrap7 .sem-search-result ul {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  border: 1px solid rgba(255,255,255,.3);
  overflow-x: hidden;
  overflow-y: scroll
}

.semwrap7 .sem-search-result li {
  height: 20px;
  border-bottom: 1px solid rgba(255,255,255,.3);
  padding: 20px
}

.semwrap7 .sem-search-result li:hover {
  background-color: rgba(7,8,68,.3);
  color: #fff;
  cursor: pointer
}

.semwrap7 .sem-search-result li.more {
  background-color: #fff;
  position: absolute;
  top: 306px;
  width: calc(100% - 40px);
  color: #414a60;
  font-family: PingFangSC-Regular
}

.semwrap7 .sem-search-result li .icon-up {
  background: url(../images/icon-up.png) no-repeat;
  display: inline-block;
  width: 18px;
  height: 7px;
  background-size: 18px 7px;
  position: relative;
  top: 9px;
  float: right
}

.semwrap7 #wrap .sem-search-result .search-job:hover {
  color: #fff
}

.semwrap7 .sem-search-result .query {
  color: #fc703e
}

.semwrap7 #wrap .sem-search-result .query:hover {
  color: #ff8d5d
}

.semwrap7 .sem-search-result .no-job {
  height: 65px;
  padding-top: 4px;
  font-size: 17px
}

.semwrap7 .sem-search-result .no-job .position {
  display: inline-block;
  color: #fc703e;
  max-width: 90px;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.semwrap7 .sem-search-result .no-job .count {
  color: #fc703e
}

.semwrap7 .sem-search-result .no-job .other-sug {
  margin-top: 20px;
  font-size: 15px;
  color: #fc703e
}

.semwrap7 .sem-search-result .search-job .position {
  display: inline-block;
  width: 204px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.semwrap7 .sem-search-result .search-job .brand {
  display: inline-block;
  width: 214px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.semwrap7 .sem-search-result .search-job .salary {
  float: right;
  color: #fc703e;
  font-size: 18px
}

.semwrap7 .sem-search-result .more .position {
  color: #fc703e
}

.semwrap7 .sem-search-result .more .count {
  color: #fc703e
}

.semwrap7 .sem-search-result .more .reg {
  display: inline;
  width: auto;
  height: auto;
  color: #fc703e;
  text-decoration: underline
}

.semwrap7 .job-tab-box {
  float: left;
  width: 90px;
  z-index: 9;
  opacity: .8
}

.semwrap7 .job-tab-box li {
  height: 61px;
  line-height: 61px;
  color: #fff;
  background: rgba(52,91,158,.1);
  text-align: center;
  letter-spacing: 1px;
  cursor: pointer
}

.semwrap7 .job-tab-box li.cur {
  background: #345b9e
}

.semwrap7 .job-tab-box li:last-child {
  border: none
}

.semwrap7 .sem-content {
  float: right;
  width: 474px
}

.semwrap7 .sem-job-item {
  display: none;
  width: 480px;
  margin-right: -6px
}

.semwrap7 .sem-job-item.cur {
  display: block
}

.semwrap7 .sem-content .job-item {
  float: left;
  margin: 0 6px 6px 0;
  background-color: #fff;
  font-size: 14px;
  color: #3a4256;
  opacity: .8
}

.semwrap7 .sem-content .job-item:hover {
  opacity: 1;
  cursor: pointer
}

.semwrap7 .sem-content .job-item img,.semwrap7 .sem-content .job-item span {
  display: block
}

.semwrap7 .sem-content .job-item .job {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.semwrap7 .sem-content .job-item .salary {
  color: #fc703e;
  font-size: 16px;
  font-weight: 700
}

.semwrap7 .sem-content .item-1 {
  width: 114px;
  height: 58px
}

.semwrap7 .sem-content .item-1 img {
  width: 80%;
  margin: 13px auto 0
}

.semwrap7 .sem-content .item-2 {
  width: 154px;
  height: 95px;
  line-height: 21px;
  text-align: center
}

.semwrap7 .sem-content .item-2 img {
  width: 75%;
  margin: 8px auto 0
}

.semwrap7 .sem-content .item-3 {
  width: 114px;
  height: 90px;
  line-height: 21px;
  text-align: center
}

.semwrap7 .sem-content .item-3 img {
  width: 80%;
  margin: 12px auto 3px
}

.semwrap7 .sem-content .item-4 {
  width: 198px;
  height: 64px;
  padding: 18px;
  text-align: right
}

.semwrap7 .sem-content .item-4 img {
  float: left;
  max-height: 88%;
  max-width: 48%;
  position: relative;
  top: 50%;
  transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -o-transform: translate(0,-50%)
}

.semwrap7 .sem-content .item-4 .company,.semwrap7 .sem-content .item-4 .job {
  line-height: 13px
}

.semwrap7 .sem-content .item-4 .salary {
  line-height: 38px
}

.semwrap7 .sem-content .item-4 .company {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #8d92a1
}

.semwrap7 .sem-content .item-5 {
  width: 154px;
  height: 64px;
  padding: 18px;
  text-align: right
}

.semwrap7 .sem-content .item-5 img {
  float: left;
  max-height: 100%;
  max-width: 50%
}

.semwrap7 .sem-content .item-5 .job,.semwrap7 .sem-content .item-5 .salary {
  line-height: 32px
}

.semwrap7 .sem-content .sem-job-item .job-item:last-of-type img {
  width: 90px;
  max-height: 300px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(1) .job-item:nth-of-type(4) img {
  width: 95%;
  margin-top: 8px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(1) .job-item:nth-of-type(6) img {
  width: 90%;
  margin-top: 3px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(1) .job-item:nth-of-type(8) img {
  width: 58%;
  margin: 14px auto 2px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(1) .job-item:nth-of-type(10) img {
  margin: 10px auto -6px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(1) .job-item:nth-of-type(12) img {
  width: auto;
  max-height: 88%
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(2) .job-item:nth-of-type(5) img {
  width: 68%;
  margin: 11px auto -1px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(2) .job-item:nth-of-type(7) img {
  width: 91%;
  margin: 3px auto 0
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(2) .job-item:nth-of-type(9) img {
  width: 57%;
  margin: 11px auto 6px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(2) .job-item:nth-of-type(2) img {
  width: 63%;
  margin: 17px auto 0
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(2) .job-item:nth-of-type(12) img {
  width: 102px;
  max-height: 300px;
  max-width: 100%
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(3) .job-item:nth-of-type(2) img {
  width: 100%;
  margin: 9px auto 0
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(3) .job-item:nth-of-type(3) img {
  width: 65%;
  margin: 16px auto 0
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(3) .job-item:nth-of-type(8) img {
  width: 94%;
  margin: 3px auto -4px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(3) .job-item:nth-of-type(10) img {
  width: 93%;
  margin: 3px auto -6px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(4) .job-item:nth-of-type(11) img {
  max-width: 53%
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(6) .job-item:nth-of-type(2) img {
  margin: 18px auto 0
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(6) .job-item:nth-of-type(11) img {
  max-width: 53%
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(6) .job-item:nth-of-type(12) img {
  margin-top: 6px
}

.semwrap7 .sem-content .sem-job-item:nth-of-type(5) .job-item:nth-of-type(5) img {
  position: relative;
  left: 7px
}

.semwrap7 .box {
  width: auto;
  color: #414a60
}

.semwrap7 .box .sign-wrap .text-tip {
  font-size: 14px
}

.semwrap7 .box .sign-wrap .agreement-tip {
  margin-top: -12px;
  font-size: 13px
}

.semwrap7 .box .sign-wrap .btn-switch {
  z-index: 19
}

.semwrap7 .box .sign-wrap .sign-miniapp .qrcodeimg-box {
  width: 170px;
  height: 170px;
  margin-top: 40px
}

.semwrap7 .box .sign-wrap .sign-miniapp .qrcodeimg-box img {
  width: 170px
}

.semwrap7 .box .sign-wrap .sign-miniapp .qrcodeimg-box .invalid-box {
  width: 170px;
  height: 170px
}

.semwrap7 .pop-layer-wrap {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0
}

.semwrap7 .pop-layer {
  position: absolute;
  left: 98px;
  top: 52px;
  width: 386px;
  max-height: 326px;
  padding: 20px 30px;
  background-color: #fff;
  color: #414a60
}

.semwrap7 .pop-layer .close-icon {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 15px;
  height: 15px;
  background: transparent url(../images/icons-close.png) no-repeat 0 0/100% auto
}

.semwrap7 .pop-layer .close-icon:hover {
  background-position: 0 -30px;
  cursor: pointer
}

.semwrap7 .pop-layer .detail-info em,.semwrap7 .pop-layer .detail-info span {
  display: inline-block;
  line-height: 18px;
  color: #61687c;
  font-size: 13px;
  letter-spacing: 1px
}

.semwrap7 .pop-layer .detail-info span {
  height: 18px
}

.semwrap7 .pop-layer .detail-info em {
  width: 1px;
  height: 10px;
  margin: 0 10px;
  background-color: #e5e5e5
}

.semwrap7 .pop-layer button {
  display: block;
  width: 170px;
  height: 35px;
  line-height: 35px;
  font-size: 14px
}

.semwrap7 .pop-layer-brand .brand-logo {
  width: 109px;
  height: 45px;
  margin: -8px auto auto -12px;
  line-height: normal
}

.semwrap7 .pop-layer-brand .brand-count {
  display: inline-block;
  position: relative;
  left: 51px;
  top: -13px
}

.semwrap7 .pop-layer-brand .brand-count span {
  color: #fc703e
}

.semwrap7 .pop-layer-brand .brand-welfare {
  border-bottom: 1px dotted #e3e7ed;
  padding-bottom: 10px;
  white-space: nowrap
}

.semwrap7 .pop-layer-brand .brand-welfare span {
  line-height: 18px;
  border-radius: 12px;
  border: 1px solid rgba(209,212,219,1);
  font-size: 13px;
  color: rgba(141,146,161,1);
  padding: 3px 6px;
  margin-right: 10px
}

.semwrap7 .pop-layer-brand .brand-name {
  margin-top: 14px;
  line-height: 25px;
  font-size: 18px
}

.semwrap7 .pop-layer-brand .brand-info {
  margin-top: 10px;
  padding-bottom: 10px;
  line-height: 13px;
  color: #61687c;
  font-size: 13px;
  letter-spacing: 1px
}

.semwrap7 .pop-layer-brand .hot-job {
  margin-top: 15px;
  line-height: 21px;
  font-size: 14px
}

.semwrap7 .pop-layer-brand .hot-job span {
  display: inline-block;
  width: 175px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  float: left;
  margin: 4px 0
}

.semwrap7 .pop-layer-brand .hot-job span:nth-of-type(2n+1) {
  margin-right: 32px
}

.semwrap7 .pop-layer-brand button {
  margin: 136px auto 0
}

.semwrap7 .pop-layer-job .salary {
  float: right;
  width: 108px;
  height: 25px;
  margin-right: 30px;
  line-height: 25px;
  font-size: 18px;
  font-weight: 700;
  color: #fc703e;
  text-align: right
}

.semwrap7 .pop-layer-job .job-name {
  width: 200px;
  height: 25px;
  line-height: 25px;
  font-size: 18px;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.semwrap7 .pop-layer-job .job-info {
  margin-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #e3e7ed;
  line-height: 18px;
  color: #61687c;
  font-size: 13px;
  letter-spacing: 1px
}

.semwrap7 .pop-layer-job .brand-name {
  float: right;
  width: 220px;
  height: 25px;
  margin-top: 34px;
  line-height: 25px;
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.semwrap7 .pop-layer-job .brand-logo {
  max-width: 163px;
  height: 55px;
  margin-top: 17px
}

.semwrap7 .pop-layer-job .brand-welfare {
  white-space: nowrap
}

.semwrap7 .pop-layer-job .brand-welfare span {
  line-height: 18px;
  border-radius: 12px;
  border: 1px solid rgba(209,212,219,1);
  font-size: 13px;
  color: rgba(141,146,161,1);
  padding: 3px 6px;
  margin-right: 10px
}

.semwrap7 .pop-layer-job .brand-info {
  margin-top: 8px;
  line-height: 18px;
  color: #61687c;
  font-size: 13px;
  letter-spacing: 1px;
  padding-bottom: 10px
}

.semwrap7 .pop-layer-job button {
  margin: 30px auto 0
}

.semwrap7 .box .sign-wrap.shake {
  -webkit-animation: sem-shake .8s ease-in;
  animation: sem-shake .8s ease-in
}

.semwrap7 .box .sign-wrap .form-row.row-code {
  font-size: 0
}

.semwrap7 .pop-sign-wrap {
  display: none;
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,.3);
  z-index: 1002
}

.semwrap7 .pop-sign {
  position: relative;
  margin: 113px auto 0
}

.semwrap7 .pop-sign .img-list-wrap {
  float: left;
  position: relative;
  width: 373px;
  height: 418px;
  overflow: hidden
}

.semwrap7 .pop-sign .img-list {
  position: absolute;
  left: 0;
  top: 0;
  width: 1492px;
  height: 418px
}

.semwrap7 .pop-sign .img-list li {
  float: left;
  width: 373px;
  height: 418px
}

.semwrap7 .pop-sign .img-list .img-1 {
  background: transparent url(../images/sem/sem7/sem7-01.jpg) no-repeat left top/cover
}

.semwrap7 .pop-sign .img-list .img-2 {
  background: transparent url(../images/sem/sem7/sem7-02.jpg) no-repeat left top/cover
}

.semwrap7 .pop-sign .img-list .img-3 {
  background: transparent url(../images/sem/sem7/sem7-03.jpg) no-repeat left top/cover
}

.semwrap7 .pop-sign .img-list .img-4 {
  background: transparent url(../images/sem/sem7/sem7-04.jpg) no-repeat left top/cover
}

.semwrap7 .pop-sign .sign-wrap {
  float: left
}

.semwrap7 .pop-sign .sign-form {
  width: 405px;
  height: 418px;
  padding: 0;
  box-shadow: none;
  color: #414a60
}

.semwrap7 .pop-sign .sign-form .title {
  height: 46px;
  border-bottom: 1px solid #ececec;
  padding-left: 40px;
  background-color: #f8f8f8;
  line-height: 46px;
  font-size: 20px;
  text-align: left
}

.semwrap7 .pop-sign .sign-form .close-icon {
  float: right;
  position: relative;
  z-index: 22;
  width: 15px;
  height: 15px;
  margin: 15px 15px auto auto;
  background: transparent url(../images/icons-close.png) no-repeat 0 0/100% auto
}

.semwrap7 .pop-sign .sign-form .close-icon:hover {
  background-position: 0 -30px;
  cursor: pointer
}

.semwrap7 .pop-sign .sign-form .sign-content {
  margin-left: 0;
  padding: 0 40px
}

.semwrap7 .pop-sign .sign-form .form-row:first-of-type {
  margin-top: 20px
}

.semwrap7 .pop-sign .sign-form .sign-tab {
  display: block;
  height: 29px;
  margin: 0;
  padding: 10px 0 0;
  font-size: 0;
  border-bottom: 2px #f2f5f9 solid;
  white-space: nowrap;
  text-align: center
}

.semwrap7 .pop-sign .sign-form .tip-error {
  display: block;
  position: static;
  height: 24px;
  padding: 0;
  margin-bottom: -25px;
  line-height: 24px;
  font-size: 12px;
  text-align: center;
  color: #fc6c38;
  background: 0 0
}

.semwrap7 .pop-sign .sign-form .row-code {
  font-size: 0
}

.semwrap7 .pop-sign .sign-form .sign-tab span {
  display: inline-block;
  width: 70px;
  height: 29px;
  margin: 0 28px -2px;
  padding-bottom: 0;
  border-bottom: 2px #f2f5f9 solid;
  font-size: 14px;
  color: #9fa3b0;
  cursor: pointer
}

.semwrap7 .pop-sign .sign-form .sign-tab span.cur {
  border-bottom-color: #62d5c8;
  font-size: 16px;
  color: #414a60
}

.semwrap7 .pop-sign .sign-form .btn-sms {
  right: 2px
}

.semwrap7 .pop-sign .sign-form .other-op {
  font-size: 13px;
  color: #414a60;
  text-align: center;
  margin-top: 17px
}

.semwrap7 .pop-sign .sign-form .v-line {
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: 0 15px;
  background-color: #e3e7ed;
  vertical-align: middle
}

.semwrap7 .sign-form .invalid-box .btn {
  margin: 0 auto
}

.semwrap7 .jconfirm {
  color: #414a60
}

.semwrap7 .jconfirm .btn {
  margin: 0 auto
}

.semwrap7 .btn-switch .switch-tip {
  top: 0
}

.semwrap7 .sign-tip {
  text-align: center
}

.semwrap7 .pop-sign .sign-form .other-op .v-line {
  display: none
}

.semwrap7 .pop-sign .sign-form .other-op a:last-of-type {
  display: none
}

.semwrap7 .tip2 {
  top: 0;
  z-index: 20;
  width: 572px;
  height: 424px
}

.semwrap7 .tip2 .close {
  top: 23px;
  right: 18px
}

.semwrap7 .sem-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000
}

.semwrap7 .nav .nav-download-img {
  position: relative;
  left: 706px;
  display: none;
  box-shadow: 1px 2px 15px rgba(0,0,0,.3);
  padding: 5px;
  background: #fff
}

.semwrap7 .nav .nav-download-img img {
  display: block;
  width: 140px;
  height: 140px
}

.semwrap7 .nav .nav-download-img::before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  left: calc(50% - 6px);
  top: -6px;
  background: #fff;
  z-index: 1;
  transform: rotate(45deg)
}

.semwrap7 .nav .icon-phone {
  background: url(../images/icon-phone.png);
  display: inline-block;
  width: 12px;
  height: 18px;
  background-size: 12px 18px;
  position: relative;
  top: 3px;
  right: 3px
}

.semwrap7 .nav .icon-down {
  background: url(../images/icon-down.png);
  display: inline-block;
  width: 13px;
  height: 7px;
  background-size: 13px 7px;
  position: relative;
  top: -2px;
  right: -4px
}

.semwrap7 .nav .icon-phone-light {
  background: url(../images/icon-phone-light.png);
  display: inline-block;
  width: 12px;
  height: 18px;
  background-size: 12px 18px;
  position: relative;
  top: 3px;
  right: 3px
}

.semwrap7 .nav .icon-up-light {
  background: url(../images/icon-up-light.png);
  display: inline-block;
  width: 13px;
  height: 7px;
  background-size: 13px 7px;
  position: relative;
  top: -2px;
  right: -4px
}

.semwrap7 .nav {
  width: calc(100% - 131px)
}

.semwrap7 .nav {
  font-size: 0;
  float: left;
  margin-left: 15px;
  height: 49px;
  line-height: 49px
}

.semwrap7 .nav ul {
  width: 100%
}

.semwrap7 .nav li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-size: 14px;
  margin: 0 7px
}

.semwrap7 .user-nav li a.header-resume-upload {
  margin-left: -8px
}

.semwrap7 .nav li:last-of-type {
  margin-right: 0;
  float: right;
  cursor: pointer
}

.semwrap7 .nav li:last-of-type:hover a {
  color: #00d7c6!important
}

.semwrap7 .nav li:last-of-type a {
  transition: all 0s;
  display: inline-block
}

.semwrap7 .dialog-con {
  color: #414a60
}

@-webkit-keyframes sem-shake {
  0% {
      -webkit-transform: scale(1)
  }

  10%,20% {
      -webkit-transform: scale(.9) rotate(-3deg)
  }

  30%,50%,70%,90% {
      -webkit-transform: scale(1.1) rotate(3deg)
  }

  40%,60%,80% {
      -webkit-transform: scale(1.1) rotate(-3deg)
  }

  100% {
      -webkit-transform: scale(1) rotate(0)
  }
}

@keyframes sem-shake {
  0% {
      transform: scale(1)
  }

  10%,20% {
      transform: scale(.9) rotate(-3deg)
  }

  30%,50%,70%,90% {
      transform: scale(1.1) rotate(3deg)
  }

  40%,60%,80% {
      transform: scale(1.1) rotate(-3deg)
  }

  100% {
      transform: scale(1) rotate(0)
  }
}

div.datetimepicker {
  height: auto
}

.guide {
  background: #5dd5c8 url(../images/newbg.png) center bottom no-repeat;
  height: 100%!important;
  min-height: 700px;
  min-width: 800px
}

.guide #wrap {
  height: 100%
}

.guide #main {
  width: 750px;
  height: 100%;
  margin: 0 auto
}

.guide .header-white-space {
  height: 60px
}

@media (max-height: 835px) {
  .guide .header-white-space {
      height:10px
  }
}

.guide .header {
  position: absolute;
  z-index: 9;
  top: 50px;
  right: 0
}

.guide .header .change-identity {
  float: right;
  margin: 6px 45px 0 0;
  color: #fff
}

.guide .header .change-identity:hover {
  color: #cefffe
}

.guide .header .change-identity:active {
  color: #c2f0ef
}

.guide .header .upload-resume-nlp {
  float: right;
  height: 32px;
  margin: 3px 20px 0 0;
  padding: 0 20px;
  border: 1px solid #fff;
  line-height: 32px;
  color: #fff
}

.guide .header .upload-resume-nlp:hover {
  border-color: transparent;
  background-color: rgba(255,255,255,.38)
}

.guide .container {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 460px;
  margin: -350px 0 0 -230px
}

.guide .info-box {
  background-color: #fff;
  box-shadow: 0 6px 13px 0 rgba(0,0,0,.1);
  border-radius: 10px
}

.guide .skip {
  float: right;
  margin: 8px -40px 0 0;
  padding: 0 5px 0 21px;
  line-height: 23px;
  background: #fff0df url(../images/icons.png) no-repeat 5px -1091px;
  background-size: 18px auto;
  color: #eb9a3d;
  font-size: 12px;
  border-radius: 12px 0 0 12px
}

.guide .skip:hover {
  opacity: .8
}

.guide .title-box {
  height: 60px;
  padding: 20px 40px 0;
  border-bottom: 1px solid #e3e7ed;
  background-color: #f8fcff;
  border-radius: 10px 10px 0 0
}

.guide .title-box img {
  float: left;
  width: 40px;
  height: 40px
}

.guide .title-box .title {
  margin-left: 58px;
  line-height: 22px;
  color: #414a60;
  font-size: 16px;
  font-weight: 600
}

.guide .title-box .sub-title {
  margin-left: 58px;
  height: 26px;
  margin-top: 2px;
  line-height: 26px;
  color: #8d92a1;
  font-size: 14px;
  font-weight: 400
}

.guide .progress-box-wrapper {
  float: right;
  position: relative;
  width: 210px;
  height: 100%;
  padding: 40px
}

.guide .progress-box-wrapper .bottom {
  position: absolute;
  left: 40px;
  bottom: 34px;
  color: #dedee0;
  font-size: 13px
}

.guide .progress-box {
  position: absolute;
  right: 50px;
  top: 132px
}

.guide .progress-box ul {
  background: url(../images/icon/icon-dot-arrow.png) repeat-y 3px 3px;
  background-size: auto 70px
}

.guide .progress-box li {
  margin-bottom: 48px;
  padding-left: 38px;
  line-height: 22px;
  background: url(../images/icon/icon-completed.png) no-repeat left 2px;
  background-size: 17px auto;
  color: #9fa3b0;
  font-size: 16px;
  overflow: hidden
}

.guide .progress-box li.cur {
  color: #00c2b3
}

.guide .progress-box li.completed {
  background-position: left -40px
}

.guide .progress-box li.incomplete {
  background-position: left -82px
}

.ie8 .guide .progress-box ul {
  background: url(../images/icon/icon-dot-arrow-s.png) repeat-y 4px 10px
}

.ie8 .guide .progress-box li {
  background: url(../images/icon/icon-completed-s.png) no-repeat left 4px
}

.ie8 .guide .progress-box li.completed {
  background-position: left -38px
}

.ie8 .guide .progress-box li.incomplete {
  background-position: left -80px
}

.guide .progress-box .bottom {
  position: absolute;
  left: 40px;
  bottom: 34px;
  color: #dedee0;
  font-size: 13px
}

.guide .form-box {
  width: 380px;
  padding: 30px 40px;
  background-color: #fff;
  border-radius: 10px
}

.guide .form-row {
  position: relative;
  margin-bottom: 20px
}

.guide .form-row.last-row {
  margin-bottom: 10px
}

.guide .form-box dl {
  font-size: 0
}

.guide .form-box dt {
  display: block;
  margin-bottom: 3px;
  color: #8d92a1;
  font-size: 13px
}

.guide .form-box dd {
  display: inline-block;
  color: #414a60;
  font-size: 14px
}

.guide .form-box .salary-item+.salary-item,.guide .form-box dd+dd,.guide .form-box dl+dl,.guide .form-box label+label {
  margin-left: 20px
}

.guide .form-box dt .title-tip {
  margin-left: 10px;
  line-height: 17px;
  color: #61687c;
  font-size: 12px;
  vertical-align: baseline
}

.guide .form-box .ipt {
  width: 350px;
  color: #414a60;
  padding: 6px 14px
}

.guide .form-box .ipt-short {
  width: 150px
}

.guide .form-box .radio-list {
  font-size: 0
}

.guide .form-box .fold-line {
  margin-top: 20px
}

.guide .form-box input[type=radio] {
  display: none
}

.guide .form-box .btn-footer {
  text-align: right;
  font-size: 0
}

.guide .form-box .btn {
  min-width: 90px;
  height: 32px;
  margin-left: 20px;
  line-height: 32px;
  font-size: 14px
}

.guide .form-box .salary-item {
  float: none
}

.guide .form-box label {
  width: 178px;
  min-width: 0;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #414a60;
  display: inline-block;
  position: relative;
  text-align: center
}

.guide .form-box .checkbox {
  display: block;
  height: 20px;
  line-height: 27px;
  font-size: 13px;
  text-align: left
}

.guide .form-box .tip-text {
  position: absolute;
  color: #fc6c38
}

.guide .form-box .change-identity {
  display: block;
  clear: both;
  padding-top: 20px;
  color: #9fa3b0
}

.guide .form-box .change-identity:hover {
  color: #00d7c6
}

.guide .form-box .text-con {
  position: relative
}

.guide .form-box .industry-title .btn {
  float: none
}

.guide .form-box .serial-area {
  height: 100px;
  margin-bottom: 4px
}

.guide .form-box .count-num {
  float: right;
  padding-top: 0
}

.guide .avatar_box {
  float: right;
  position: relative;
  z-index: 2;
  width: 80px;
  height: 80px;
  margin-bottom: 30px;
  cursor: pointer
}

.guide .avatar {
  position: relative;
  width: 80px;
  height: 80px
}

.guide .avatar .sel-avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  border-radius: 50%
}

.guide .avatar .sel-avatar input {
  display: none;
  opacity: 0
}

.guide .avatar:hover .sel-avatar {
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/avatar-hover.png) center center no-repeat
}

.guide .avatar img {
  width: 78px;
  height: 78px;
  border-radius: 50%;
  border: 1px solid #f6fbfb
}

.guide .avatar_box .tip-text {
  position: absolute;
  top: 0;
  width: 80px;
  height: 80px;
  padding-left: 0;
  margin-top: 0;
  line-height: 80px;
  background: #efe3e2;
  color: #fc6c38;
  font-size: 12px;
  text-align: center;
  border-radius: 50%
}

.guide .education-info .form-box {
  position: relative;
  min-height: 513px
}

.guide .education-info .edu-type {
  margin-top: 20px
}

.guide .education-info .edu-type .btn {
  width: 176px
}

.guide .education-info .edu-type .btn:first-child {
  margin-left: 0
}

.guide .education-info .edu-type .btn-slight:hover {
  transition: all linear .2s;
  background-color: #6adbcf;
  border-color: #6adbcf;
  color: #fff
}

.guide .education-info .edu-type .btn-outline:hover {
  background-color: #fff;
  color: #6adbcf
}

.guide .experience-info .work-skill-tips {
  margin: 8px 0 0 0
}

.guide .experience-info .work-skill-tips li {
  display: inline-block;
  margin-right: 10px;
  padding: 0 12px;
  line-height: 20px;
  background-color: #eff0f5;
  color: #484b5b;
  font-size: 12px;
  cursor: pointer;
  border-radius: 10px
}

.guide .experience-info .work-skill-tips li.selected {
  background-color: #9fa3b0;
  color: #414a60;
  pointer-events: none
}

.guide .experience-info .remove-tip {
  height: 669px
}

.guide .experience-info .skill-row dd {
  display: block
}

.guide .experience-info .skill-row .tip-text {
  position: static;
  margin-bottom: -7px
}

.guide_layer .default-avatar {
  text-align: left;
  position: absolute;
  top: 0;
  z-index: 2;
  font-size: 0
}

.guide_layer .default-avatar p {
  font-size: 14px;
  color: #414a60;
  margin-bottom: 20px;
  font-style: normal
}

.guide_layer .avatar-con {
  margin-right: -40px
}

.guide_layer .img-box {
  width: 60px;
  height: 60px;
  border: 1px solid #fff;
  border-radius: 50%;
  margin-right: 27px;
  margin-bottom: 20px;
  display: inline-block;
  cursor: pointer
}

.guide_layer img {
  width: 60px;
  height: 60px;
  border-radius: 50%
}

.guide_layer .img-checked {
  position: relative;
  border-color: #37e0d2
}

.guide_layer .img-checked .pop {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(93,213,200,.89) url(../images/guide.png) -52px -21px no-repeat
}

.guide_layer .img-box:hover {
  border-color: #37e0d2
}

.guide_layer .main .selectpic {
  background-color: #fff
}

.guide_layer .main .selectpic .editbox {
  background-color: #fff;
  z-index: 3
}

.guide_layer .main .selectpic .sbox {
  margin-top: 230px;
  position: relative
}

.guide_layer .main .selectpic .sbox p {
  margin-top: 22px;
  color: #9fa3b0;
  font-style: normal
}

.guide_layer .main .selectpic .sbox .btns {
  width: 118px;
  height: 32px;
  font-style: normal;
  border-radius: 0;
  border: 1px solid #5dd5c8;
  color: #5dd5c8;
  line-height: 32px;
  padding: 0;
  background-position: 34px center;
  padding-left: 20px
}

.guide_layer .main .selectpic .sbox .selectfile {
  width: 140px;
  height: 34px;
  left: 105px;
  cursor: pointer
}

.guide_layer .layer_btns {
  padding-left: 0
}

.guide .bootstrap-tagsinput {
  width: 360px;
  padding: 6px 9px;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap
}

.guide .bootstrap-tagsinput .tag {
  position: relative
}

.guide .bootstrap-tagsinput .tag .remove {
  position: absolute;
  top: 2px;
  left: 4px;
  margin: 0
}

.guide .bootstrap-tagsinput input {
  width: 185px;
  line-height: 22px;
  font-size: 13px;
  vertical-align: middle
}

.guide .skills-pannel {
  width: 360px
}

.guide .result-selecter {
  width: 380px
}

.guide .dropdown-select .icon-select-arrow {
  top: 11px
}

.guide .tip-text {
  display: block;
  background-image: none
}

.guide .dropcity .city-selector-province {
  width: 200px
}

.guide .dropcity .city-selector-citys {
  margin-left: 202px
}

.guide .datetimepicker-dropdown-left-bottom {
  margin-left: -200px
}

.guide .datetimepicker {
  width: 358px
}

.guide .workstartpicker-wrap {
  width: 358px
}

.guide .workstartpicker-wrap .year[data-val='0'] {
  width: 65px;
  margin: 20px 3px
}

.guide textarea {
  resize: none
}

.guide .hide {
  display: none
}

.guide ::-webkit-input-placeholder {
  color: #d1d4db!important
}

.guide :-ms-input-placeholder {
  color: #d1d4db!important
}

.guide :-moz-placeholder {
  color: #d1d4db!important
}

.guide ::-moz-placeholder {
  color: #d1d4db!important
}

.guide .dropdown-menu-open {
  z-index: 10;
  color: #9fa3b0
}

.guide .dropdown-menu {
  z-index: 10
}

.guide .dropdown-menu li:hover {
  background-color: #f3f5fa;
  color: #434a5e
}

.guide .dropdown-menu-open .dropdown-menu ul {
  width: 100%;
  height: 100%;
  background-color: #fff
}

.guide .select-tree li.blank:hover {
  background-color: #fff
}

.guide .dropdown-select .ipt {
  display: block
}

.guide .skills-pannel span:hover {
  background-color: unset
}

.guide .prefix-today {
  top: 5px;
  color: #9fa3b0
}

.guide .guide-link-app {
  width: 100%;
  padding-top: 20px;
  text-align: right;
  clear: both
}

.guide .guide-link-app a {
  text-decoration: underline
}

.industry-multiple-wrapper .data-tips {
  box-sizing: border-box;
  padding-top: 160px;
  line-height: 80px
}

.guide ::-webkit-scrollbar-track-piece {
  background-color: #fff;
  -webkit-border-radius: 0
}

.guide ::-webkit-scrollbar {
  width: 4px
}

.guide ::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #ccc;
  -webkit-border-radius: 4px
}

.guide ::-webkit-scrollbar-thumb:hover {
  height: 50px;
  background-color: #aaa;
  -webkit-border-radius: 4px
}

.page-container ::-webkit-scrollbar {
  width: 3px
}

.page-container ::-webkit-scrollbar-thumb {
  background-color: #ddd
}

.page-container ::-webkit-scrollbar-thumb:hover {
  background-color: #ccc
}

.guide .dropdown-select:after,.guide .prop-selecter .dropdown-label:after {
  display: none
}

.name-input-tips {
  font-size: 12px;
  color: #9fa3b0
}

.wrap-grade .wrap-name-input-hidden {
  display: none
}

.guide .dialog-wrap.dialog-prop-default .dialog-container .title {
  padding: 0
}

.guide .dialog-wrap.dialog-prop-default .dialog-footer .btns .btn {
  min-width: 42px
}

.guide .dialog-wrap.dialog-prop-default .dialog-footer .btns .btn-outline:hover {
  height: 30px;
  line-height: 30px
}

.dialog-avatar-tip.dialog-icons-default .dialog-title .icon-dialog {
  margin-top: 10px
}

.dialog-avatar-tip.dialog-icons-default .dialog-title h3.title {
  margin-left: 20px
}

.dialog-avatar-tip .dialog-footer .btns {
  padding-top: 25px
}

.dialog-resume-nlp .dialog-container {
  width: 354px;
  margin: -119px 0 0 -250px;
  padding: 50px 73px
}

.dialog-resume-nlp .dialog-container .over-layer {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg,#fff,rgba(255,255,255,.6));
  opacity: .9
}

.dialog-resume-nlp .dialog-container .over-layer::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(../images/loading.gif) no-repeat center center;
  background-size: 36px 36px
}

.dialog-resume-nlp .title {
  margin-bottom: 21px;
  font-size: 24px;
  text-align: center
}

.dialog-resume-nlp .dialog-con {
  position: relative;
  line-height: 24px
}

.dialog-resume-nlp .dialog-footer {
  margin-top: 37px
}

.dialog-resume-nlp .dialog-footer .btns {
  text-align: center
}

.dialog-resume-nlp .dialog-footer .btns .btn {
  width: 130px;
  padding: 0;
  vertical-align: top
}

.dialog-resume-nlp .dialog-footer .btns .btn-sure {
  position: relative;
  margin-left: 45px;
  overflow: hidden
}

.dialog-resume-nlp .dialog-footer .btns .btn-sure input {
  position: absolute;
  width: 100%;
  height: 200%;
  top: -100%;
  left: 0;
  background: 0 0;
  opacity: 0;
  cursor: pointer
}

.dialog-resume-nlp .dialog-footer .btns .btn-cancel:hover {
  width: 128px;
  padding: 0
}

.page-single .detail {
  padding-top: 15px
}

.page-single .detail-content {
  padding: 35px 0;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: .2px;
  line-height: 30px
}

.page-protocol #wrap,.page-protocol #wrap #main .detail,.page-protocol #wrap #main .detail-content,.page-protocol #wrap #main .detail-main {
  height: 100%
}

.page-protocol #wrap #main {
  height: -moz-calc(100% - 330px);
  height: -webkit-calc(100% - 330px);
  height: calc(100% - 330px);
  min-height: 800px
}

.page-protocol .detail-content .protocol-iframe {
  border: none;
  width: 100%;
  height: 100%
}

.page-protocol .detail-content {
  padding-top: 0
}

.page-single .detail-content .title {
  font-size: 30px;
  line-height: 50px;
  font-weight: 400;
  text-align: center;
  margin: 10px 0 15px
}

.page-single .detail-content .info .author {
  float: right;
  margin-top: 30px
}

.page-single .detail-content .info .tags {
  padding: 25px 0 40px
}

.page-single .detail-content .content h4 {
  font-size: 20px;
  margin-bottom: 10px
}

.page-single .detail-content .content p {
  padding: 10px 0
}

.detail-content .content iframe,.detail-content .content video,.page-single .detail-content .content img {
  max-width: 100%
}

.page-single #siderbar {
  display: none
}

.page-responsive {
  min-width: inherit
}

@media (max-width: 800px) {
  .page-single {
      color:#333;
      max-width: 100%;
      min-width: auto
  }

  .page-single #wrap {
      min-width: auto;
      width: 100%
  }

  .page-single #footer,.page-single #header {
      display: none
  }

  .page-single .detail {
      padding-top: 0;
      width: auto
  }

  .page-single .detail-content {
      padding: 0
  }

  .page-single .detail-content .content p {
      padding: 5px 0
  }

  .page-protocol #wrap #main {
      height: 100%
  }
}

.greet-pop .greet-con {
  padding: 10px;
  background-color: #f8f9fc;
  color: #9fa3b0;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.greet-pop .dialog-title {
  padding: 15px 30px
}

.greet-pop .dialog-con {
  padding: 10px 30px
}

.greet-pop .dialog-container {
  width: 490px;
  margin: -128px 0 0 -245px
}

.greet-pop .title {
  font-size: 14px;
  font-weight: 400
}

.greet-pop .dialog-con span {
  display: inline-block;
  padding-top: 20px;
  font-size: 12px;
  color: #9fa3b0
}

.greet-pop .dialog-footer {
  border-top: 1px #eee solid;
  padding: 15px 30px;
  margin-top: 20px
}

.greet-pop .op-text {
  position: absolute;
  top: 205px;
  color: #9fa3b0
}

.greet-pop .checkbox input[type=checkbox]~span,.radio input[type=radio]~span {
  min-height: auto
}

.interview-pop .dialog-container {
  width: 500px;
  margin: -153px 0 0 -250px
}

.interview-pop .dialog-con,.refuse-pop .dialog-con {
  padding: 0 30px
}

.interview-pop .dialog-title {
  padding: 30px 30px 10px;
  font-size: 18px;
  color: #5dd5c8;
  font-weight: 400
}

.interview-pop .dialog-footer,.refuse-pop .dialog-footer {
  padding-bottom: 30px;
  margin-top: 20px
}

.interview-pop .dialog-footer .btns,.refuse-pop .dialog-footer .btns {
  text-align: center
}

.interview-pop .dialog-footer .btn-cancel {
  margin-left: 0
}

.refuse-pop .dialog-container {
  width: 360px;
  margin: -113px 0 0 -180px
}

.refuse-pop .dialog-con {
  padding-top: 76px;
  padding-bottom: 40px;
  text-align: center;
  font-size: 16px
}

.inner-seo .condition-box dt {
  font-size: 14px;
  width: auto
}

.inner-seo .condition-insdustry dd {
  height: auto;
  margin-left: 40px
}

.inner-seo .job-list li .name {
  font-size: 15px;
  letter-spacing: 1px
}

.inner-seo .job-list li .name a {
  min-width: 50px;
  text-align: center;
  width: auto;
  display: inline-block
}

.inner-seo .job-list li p {
  margin-top: 10px
}

.inner-seo .job-list li .company-text {
  padding-top: 9px
}

.inner-seo .job-list li .company-text p {
  color: #b7bac4;
  margin-top: 5px
}

.inner-seo .job-list li .company-text img {
  height: 48px
}

.inner-seo .job-list .info-company {
  max-width: 300px
}

.inner-seo .job-list .info-primary {
  max-width: calc(100% - 310px)
}

.inner-seo .job-list .job-demand {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #b7bac4
}

.inner-seo .about-search {
  background: #fff;
  margin-bottom: 10px
}

.inner-seo .about-search dt {
  height: 50px;
  line-height: 50px;
  border-bottom: 2px #f2f2f5 solid;
  padding: 0 35px;
  color: #00d7c6;
  font-size: 16px
}

.inner-seo .about-search dd {
  padding: 0 35px
}

.inner-seo .about-search dd a {
  display: block;
  height: 40px;
  line-height: 40px;
  border-bottom: solid 1px #f8f9fc;
  font-size: 13px;
  color: #5a6172
}

.inner-seo .promotion-img {
  margin-top: 10px
}

.job-seo .job-list {
  width: 1204px;
  margin: 15px auto;
  background: #fff;
  padding: 0 35px;
  padding-bottom: 15px
}

.job-seo .job-list:after {
  content: "";
  display: block;
  height: 0;
  clear: both
}

.job-seo .job-list dt {
  height: 45px;
  line-height: 45px;
  color: #5dd5c8;
  border-bottom: solid 2px #f4f4f7;
  margin-bottom: 5px
}

.job-seo .job-list dd {
  height: 45px;
  line-height: 45px;
  width: 25%;
  text-align: left;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

#competitive-main .toast-con {
  font-size: 13px
}

.competitive_top_info {
  width: 100%;
  background: #fff;
  background-size: cover;
  position: relative;
  padding-top: .2rem;
  margin-bottom: 30px
}

.competitive_top_info>p {
  font-size: 12px;
  padding-bottom: .14rem;
  color: #50c7c1;
  text-align: center;
  background-color: #fff;
  border-radius: 30px;
  position: absolute;
  left: 50%;
  top: .2rem;
  padding-top: .14rem;
  width: 4.5rem;
  margin-left: -2.25rem
}

.competition_show {
  width: 100%;
  background: #f9fafc;
  background-size: cover;
  position: relative;
  padding-top: .2rem
}

.competition_show>p {
  font-size: 12px;
  padding-bottom: .14rem;
  color: #50c7c1;
  text-align: center;
  background-color: #fff;
  border-radius: 30px;
  position: absolute;
  left: 50%;
  top: .2rem;
  padding-top: .14rem;
  width: 4.5rem;
  margin-left: -2.25rem
}

.competition_show_chart {
  width: 5.97rem;
  margin: 0 auto;
  position: relative;
  margin-top: .4rem;
  text-align: center
}

.competition_show_chart img {
  width: 299px;
  height: 299px;
  left: 50%;
  top: 0;
  position: absolute;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0)
}

#competitive-main #canvas {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0)
}

#competitive-main #canvas1 {
  position: absolute;
  z-index: 110;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0)
}

.competition_show .competition_show_chart .competitiveness {
  font-size: 12px;
  font-weight: 700;
  color: #a3dedd;
  text-align: center;
  padding-top: 1.37rem
}

.competition_show .competition_show_chart .competitive_text {
  font-size: 58px;
  color: #363636;
  padding-top: 1.9rem;
  text-align: center
}

.competition_show .competition_show_chart .rank {
  font-size: 11px;
  background-color: #74c8cb;
  padding: .1rem .3rem;
  display: inline-block;
  margin: 0 auto;
  color: #fff;
  border-radius: 25px;
  margin-top: 1rem
}

.competition_show .competition_show_chart .evaluate_time {
  font-size: 10px;
  color: #92ced5;
  text-align: center;
  padding-top: .2rem
}

.competitive_top_info .work_card {
  height: 1.2rem;
  margin: 0 40px;
  background-color: #fff;
  z-index: 200;
  box-shadow: 0 2px 9px 0 rgba(0,0,0,.09);
  position: relative
}

.competitive_top_info .work_card_shadow {
  box-shadow: 0 5px 19px 0 rgba(235,233,233,.8);
  height: 1.235rem;
  width: 94%;
  margin-left: 3%;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: -1.12rem;
  z-index: 199
}

.competitive_top_info .work_card .work_type {
  margin: 0 .2rem;
  padding-top: .2rem;
  overflow: hidden
}

.competitive_top_info .work_card .work_type span:first-child {
  font-size: 16px;
  display: inline-block;
  line-height: 16px;
  vertical-align: middle;
  margin-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.competitive_top_info .work_card .work_type span:last-child {
  color: #fc703e;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  left: -20px
}

.competitive_top_info .work_card p {
  font-size: 13px;
  color: #797979;
  margin-left: .36rem;
  padding-top: .17rem
}

.competitive_top_info .work_card .tag {
  margin-left: .2rem;
  padding-top: .05rem;
  position: relative;
  top: -20px
}

.competitive_top_info .work_card .tag span {
  font-size: 13px;
  color: #797979;
  padding-right: .01rem;
  display: inline-block;
  padding-right: .2rem;
  text-align: center
}

.competitive_top_info .work_card .tag span:after {
  content: '';
  border-right: solid 1px #efeff3;
  position: relative;
  left: 6px
}

.competitive_top_info .work_card .tag span:last-child:after {
  border: none
}

.chart_title {
  position: relative;
  padding: .2rem 0 .2rem .24rem;
  border-bottom: solid 1px #eef0f5
}

.chart_title img {
  height: .75rem;
  vertical-align: middle
}

.chart_title>div {
  display: inline-block;
  vertical-align: middle;
  margin-left: .27rem;
  width: 75%;
  position: relative
}

.chart_title div p:first-child {
  font-size: 16px;
  margin-bottom: .1rem;
  font-weight: 700
}

.chart_title div p:last-child {
  font-size: 15px;
  color: #aaa;
  min-height: 35px
}

.chart_title div p span.red {
  color: #ff6223
}

.highcharts-xaxis-labels:nth-child(2n) {
  width: 15px
}

#competitive-main .border {
  width: 100%;
  height: 12px;
  background-color: #fff
}

#competitive-main .chart_title.mt_70 {
  margin-top: .7rem
}

#competitive-main .bottom_height {
  margin-top: .8rem
}

#competitive-main .bar_title_one_row {
  font-size: 12px;
  line-height: .31rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.1rem;
  text-align: right
}

#competitive-main .contaract_wrap {
  color: #515151;
  position: relative
}

#competitive-main .contaract_wrap.h_62 {
  height: .62rem
}

#competitive-main .hoz_bar {
  height: .31rem;
  background-color: #ededed;
  width: 4.96rem;
  position: absolute;
  border-radius: 50px;
  margin-left: 1.2rem;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%)
}

#competitive-main .contaract_wrap.h_31 {
  height: .31rem
}

#competitive-main .hoz_bar .bar_show {
  position: absolute;
  width: 0;
  top: 0;
  left: 0;
  height: 100%;
  background-image: linear-gradient(-90deg,#3266c8,#00d4fa);
  border-radius: 50px;
  -webkit-animation: move 1s ease
}

#competitive-main .hoz_bar .bar_show .percent {
  position: absolute;
  height: .31rem;
  line-height: .35rem;
  left: 100%;
  color: #1791e5;
  font-size: 12px;
  margin-left: .05rem
}

#competitive-main .bar_title_two_row {
  font-size: 10px;
  text-align: right;
  position: absolute;
  top: .1rem;
  left: 0;
  width: 1.1rem
}

#competitive-main .bar_title_two_row p:last-child {
  position: relative;
  top: -8px
}

#competitive-main .contaract_wrap.mb_50 {
  margin-bottom: .5rem
}

#competitive-main .contaract_wrap.mb_45 {
  margin-bottom: .45rem
}

#competitive-main .contaract_wrap.mt_82 {
  margin-top: .5rem
}

#competitive-main .contract_mark {
  width: 5.04rem;
  height: .26rem;
  margin-top: .25rem;
  margin-left: 1.15rem;
  display: block
}

#competitive-main .start_chat {
  width: 1.6rem;
  height: .74rem;
  margin-top: .29rem;
  margin-left: 4.99rem;
  display: none
}

#competitive-main .start-chat {
  text-align: right;
  font-size: 13px;
  padding: 10px 40px 0;
  cursor: pointer;
  display: none;
  float: right
}

#competitive-main .border.mt_48 {
  margin-top: .48rem
}

#competitive-main .match_mark {
  width: 5.3rem;
  position: absolute;
  height: 4.79rem;
  top: 0;
  left: 0;
  z-index: 10
}

#competitive-main .match_wrap {
  margin-left: .8rem;
  margin-top: 1rem;
  position: relative;
  height: 4.79rem;
  margin-bottom: .6rem
}

#competitive-main .ver_bar {
  width: .45rem;
  border-radius: 50px;
  position: absolute;
  bottom: .44rem;
  z-index: 100;
  height: 0
}

#competitive-main .ver_bar.match {
  background-image: linear-gradient(-180deg,#ef3e67,#ef793e)
}

#competitive-main .ver_bar .percent {
  position: absolute;
  left: 50%;
  top: -.3rem;
  color: #ef4a40;
  font-size: 12px;
  -webkit-transform: translate(-50%,0);
  transform: translate(-41%,0)
}

#competitive-main .ver_bar.lf_10 {
  left: .7rem
}

#competitive-main .ver_bar.lf_20 {
  left: 1.85rem
}

#competitive-main .ver_bar.lf_30 {
  left: 3.05rem
}

#competitive-main .ver_bar.lf_40 {
  left: 4.2rem
}

#competitive-main .ver_bar.lf_50 {
  left: 4.2rem
}

#competitive-main .here {
  position: absolute;
  font-size: 11px;
  color: #fff;
  width: 1.1rem;
  border-radius: 50px;
  text-align: center;
  line-height: 11px;
  padding-top: .1rem;
  padding-bottom: .1rem;
  display: none
}

#competitive-main .here[class*=match]:after {
  display: block;
  content: "";
  border-width: 5px 5px 5px 5px;
  border-style: solid;
  border-color: #6d66fe transparent transparent transparent;
  position: absolute;
  left: 50%;
  top: 100%;
  margin-left: -4px
}

#competitive-main .here.match {
  left: -.35rem;
  margin-top: -.65rem;
  background-image: linear-gradient(-90deg,#678afe,#9967fe);
  top: -.21rem
}

#competitive-main .qua_wrap {
  position: relative;
  margin-left: .6rem;
  margin-top: 1rem;
  height: 4.85rem
}

#competitive-main .qul_mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 5.62rem;
  height: 4.85rem
}

#competitive-main .ver_bar.qul {
  background-image: linear-gradient(0deg,#c2caff,#5528e6)
}

#competitive-main .ver_bar .percent.qul {
  color: #5b6fd3
}

#competitive-main .ver_bar.lf_11 {
  left: .6rem
}

#competitive-main .ver_bar.lf_21 {
  left: 1.67rem
}

#competitive-main .ver_bar.lf_31 {
  left: 2.79rem
}

#competitive-main .ver_bar.lf_41 {
  left: 3.9rem
}

.ver_bar.lf_51 {
  left: 5rem
}

.work_exp_wrap {
  color: #515151;
  position: relative;
  height: .31rem;
  margin-bottom: .6rem
}

.work_exp_wrap.mt_60 {
  margin-top: 1rem
}

.work_exp_wrap.mb_60 {
  margin-bottom: .6rem
}

.bar_show.work_exp {
  background-image: linear-gradient(90deg,#8deaa3,#29d183)
}

.bar_show.work_exp .percent {
  color: #29d183
}

.here.work_exp {
  background-image: linear-gradient(-90deg,#29c0ce,#82def8);
  top: -100%;
  margin-top: -.15rem;
  right: -.65rem
}

.here[class*=work_exp]:after {
  display: block;
  content: "";
  border-width: 5px 5px 5px 5px;
  border-style: solid;
  border-color: #29c0ce transparent transparent transparent;
  position: absolute;
  left: 50%;
  top: 100%;
  margin-left: -4px
}

.sal_wrap {
  position: relative;
  margin-left: .6rem;
  margin-top: 1rem;
  height: 4.71rem
}

.sal_wrap .Xtext {
  position: absolute;
  top: 4.71rem;
  left: 0;
  font-size: 14px
}

.sal_wrap .Xtext span:first-child {
  position: absolute;
  width: 1.5rem;
  top: 0;
  left: .6rem
}

.sal_wrap .Xtext span:nth-child(2) {
  position: absolute;
  width: 1.5rem;
  top: 0;
  left: 1.67rem
}

.sal_wrap .Xtext span:nth-child(3) {
  position: absolute;
  width: 1.5rem;
  top: 0;
  left: 2.7rem
}

.sal_wrap .Xtext span:nth-child(4) {
  position: absolute;
  width: 1.5rem;
  top: 0;
  left: 3.8rem
}

.sal_wrap .Xtext span:nth-child(5) {
  position: absolute;
  width: 1.5rem;
  top: 0;
  left: 4.85rem
}

.sal_wrap .sul_mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 5.63rem;
  height: 4.71rem
}

.ver_bar.sal {
  background-image: linear-gradient(180deg,#fdb926,#fee9a8)
}

.ver_bar .percent.sal {
  color: #fdb926
}

.here.sal {
  top: -.21rem;
  left: -.425rem;
  background-image: linear-gradient(90deg,#21bf68,#70d95a);
  margin-top: -.65rem
}

.here[class*=sal]:after {
  display: block;
  content: "";
  border-width: 5px 5px 5px 5px;
  border-style: solid;
  border-color: #42cb59 transparent transparent transparent;
  position: absolute;
  left: 50%;
  top: 100%;
  margin-left: -4px
}

.peak_wrap {
  margin: 0 auto;
  margin-top: .36rem;
  height: 1.46rem;
  position: relative;
  width: 6.38rem;
  overflow: hidden
}

.peak_wrap .no_active {
  width: 2.02rem;
  height: 1.46rem;
  position: absolute
}

.peak_wrap .active {
  width: 2.45rem;
  height: 1.46rem;
  position: absolute
}

.peak_wrap img:nth-child(1) {
  top: 0;
  left: 0
}

.peak_wrap img:nth-child(2) {
  top: 0;
  left: 1.86rem
}

.peak_wrap img:nth-child(3) {
  top: 0;
  left: 3.1rem
}

.peak_wrap img:nth-child(4) {
  top: 0;
  left: 4.34rem
}

.peak_text_wrap {
  font-size: 14px;
  margin: 0 auto;
  margin-top: .2rem;
  margin-bottom: .6rem;
  margin-left: .5rem;
  text-align: center
}

.peak_text_wrap span {
  display: inline-block;
  width: 1.4rem;
  text-align: left;
  font-weight: 700;
  box-sizing: border-box
}

.peak_text_wrap span:last-child {
  margin-right: 0
}

#competitive-main .sub_wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  background-color: #fff;
  height: 1.31rem;
  line-height: 1.31rem
}

#competitive-main .sub {
  background-color: #53cac3;
  color: #fff;
  font-size: 16px;
  width: 90%;
  margin-left: 5%;
  text-align: center;
  padding: .29rem 0;
  line-height: 16px;
  border-radius: 8px;
  margin-top: .2rem
}

#competitive-main .footer {
  height: 1.31rem;
  margin: 0 40px
}

#competitive-main .footer-line {
  border-top: dashed 1px #e5e5e5;
  position: relative;
  top: .6rem;
  text-align: center
}

#competitive-main .footer-line span {
  display: inline-block;
  position: relative;
  top: -.17rem;
  padding: 0 .05rem;
  font-size: .14rem;
  color: #363636;
  background: #fff
}

#competitive-main .tip {
  display: inline-block;
  width: .29rem;
  height: .29rem;
  background-image: url(../images/tip.png);
  background-size: contain;
  position: relative;
  vertical-align: middle;
  margin-right: 5px
}

#competitive-main .tip span {
  position: absolute;
  top: .54rem;
  left: -.89rem;
  width: 5.55rem;
  height: 1.62rem;
  background-color: #333;
  border-radius: 50px;
  color: #fff;
  line-height: .5rem;
  padding-left: .2rem;
  padding-top: .1rem;
  padding-right: .2rem;
  z-index: 2000;
  display: none
}

#competitive-main .tip span:before {
  content: "";
  border: 8px solid #333;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  display: inline-block;
  position: absolute;
  top: -.28rem;
  left: .85rem
}

#competitive-main .highcharts-xaxis-grid path:nth-child(even) {
  stroke: #fd1e77
}

#competitive-main .m_t_8 {
  margin-top: .8rem
}

#competitive-main .stopImg {
  position: absolute;
  top: 17px;
  right: 120px;
  z-index: 10
}

#competitive-main {
  background: #fff;
  width: 100%;
  overflow: hidden;
  min-width: 750px;
  max-width: 1184px;
  min-height: 500px;
  margin: 0 auto
}

#competitive-main .row-box {
  display: flex;
  margin: 0 40px;
  background: #fff
}

#competitive-main .row-box .row-one {
  width: 49%;
  background: #f9fafc;
  margin: 0 12px 0 0;
  flex-shrink: 0
}

#competitive-main .row-box .row-two {
  flex: 1;
  background: #f9fafc;
  margin: 0
}

#competitive-main .row-box .row-two .row-bottom {
  box-sizing: border-box;
  border-top: solid 10px #fff
}

#competitive-main .chart_title .title_right_info {
  position: absolute;
  right: .4rem;
  top: .2rem;
  width: auto;
  font-size: .2rem;
  text-align: right
}

#competitive-main .chart_title .right_info_num {
  margin-top: -2px;
  font-size: .3rem;
  display: inline-block
}

#competitive-main .right_info {
  position: absolute;
  right: .2rem;
  top: .2rem;
  font-size: .16rem;
  text-align: right
}

#competitive-main .right_info div {
  margin-bottom: .1rem
}

#competitive-main .right_info div:first-child {
  font-size: 14px
}

#competitive-main .right_info div img {
  border-radius: 50%;
  width: .22rem;
  height: .22rem;
  position: relative;
  top: .05rem;
  margin-right: 10px
}

#competitive-main .competitive-header {
  margin: .2rem 45px 0
}

#competitive-main .competitive-header h1 {
  display: inline-block;
  font-size: .26rem;
  margin-right: .05rem
}

#competitive-main .competitive-header .competitive-time {
  font-size: .14rem;
  color: #9fa3b0
}

#competitive-main .competitive-header .competitive-label {
  float: right;
  height: 23px;
  background: rgba(93,213,200,1);
  border-radius: 100px;
  line-height: 23px;
  font-size: 12px;
  color: #fff;
  padding: 0 12px;
  margin: 18px 0 0
}

#competitive-main .dialog-con {
  font-size: 14px
}

.competitive_top_info .work_card .work_type .work_image {
  position: relative;
  top: -10px;
  left: -17px
}

.competitive-container {
  margin: 20px auto 0 auto;
  max-width: 1184px;
  position: relative;
  zoom:1}

.competitive-container:after {
  content: '';
  display: block;
  overflow: hidden;
  visibility: hidden;
  clear: both
}

.fixfloat:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0
}

.fixfloat {
  zoom:1}

em {
  font-style: normal
}

.bc {
  background-color: #fff
}

.fl {
  float: left
}

.fr {
  float: right
}

.dn {
  display: none
}

.fs18 {
  font-size: 18px
}

.fs12 {
  font-size: 12px;
  line-height: 17px
}

.fs13 {
  font-size: 13px
}

.fs14 {
  font-size: 14px;
  line-height: 20px
}

.fs15 {
  font-size: 15px;
  line-height: 21px
}

.hr {
  padding-left: 10px;
  padding-right: 10px
}

.c50 {
  color: #50586c
}

.cdef {
  color: #00d7c6
}

.cgrey {
  color: #353b3d
}

.c-title {
  color: #53cac3
}

.cc1 {
  color: #c1c4cb
}

.tr {
  text-align: right
}

.c9F {
  color: #9fa3b0
}

.ml20 {
  margin-left: 20px
}

.ml {
  border-bottom: 1px solid #f2f2f5
}

.lh22 {
  line-height: 22px
}

.tc {
  text-align: center
}

.visibility-hidden {
  visibility: hidden
}

.count-control {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.competitive-container .left-content {
  width: 100%
}

.competitive-container .right-nav {
  width: 210px
}

.competitive-container .nav-t {
  height: 101px;
  padding-left: 20px;
  padding-right: 20px
}

.competitive-container .pay-b {
  height: auto;
  margin-top: 20px
}

.ctv-l-t {
  position: relative;
  width: 590px;
  height: 295px;
  border-bottom: 1px solid #f2f2f5;
  margin: 0 auto;
  background: url(../images/competitive/no-item-bg.png) no-repeat left 100px
}

.ctv-l-text {
  position: absolute;
  top: 132px;
  left: 224px
}

.ctv-l-tx1 {
  padding-bottom: 8px
}

.ctv-l-b {
  position: relative;
  width: 590px;
  height: 224px;
  margin: 0 auto
}

.ctv-l-b li {
  height: 74px;
  width: 50%;
  padding-left: 94px;
  box-sizing: border-box;
  margin-top: 60px
}

.ctv-l-b li p {
  line-height: 22px
}

.ctv-l-b li p:first-child {
  margin-top: 5px
}

.ctv-l-b-l {
  background: url(../images/competitive/competitive-tool.png) no-repeat
}

.ctv-l-b-r {
  background: url(../images/competitive/wu-test.png) no-repeat 35%;
  padding-left: 170px!important
}

.competitive-container .nav-t a {
  display: block;
  height: 50px;
  line-height: 50px
}

.competitive-container .pay-b {
  box-sizing: border-box;
  position: relative;
  text-align: left
}

.competitive-container .icon-zd {
  display: inline-block;
  text-align: left;
  width: 26px;
  height: 31px;
  background: url(../images/competitive/icon-zd.png) no-repeat center;
  background-size: contain
}

.competitive-container .pay-b-tt {
  text-align: left;
  font-size: 16px;
  position: relative;
  padding-bottom: 8px
}

.competitive-container .num-zd {
  font-size: 24px;
  color: #ff6223;
  display: inline-block;
  vertical-align: top;
  line-height: 31px
}

.competitive-container .pay-btn {
  display: block;
  width: 170px;
  border: 1px solid #ff6223;
  line-height: 34px;
  height: 34px;
  margin-top: 9px;
  color: #ff6223;
  font-size: 15px;
  background-color: #fff;
  box-sizing: border-box
}

.competitive-container .pay-btn:hover {
  background-color: #fff;
  font-size: 15px;
  border: 2px solid #ff6223;
  color: #ff6223;
  line-height: 32px
}

.competitive-container .prop-content {
  margin-right: 230px
}

.competitive-container .pay-b .coupon-tip {
  cursor: pointer;
  vertical-align: top;
  line-height: 31px;
  float: right
}

.competitive-container .pay-b .user-personal {
  padding-bottom: 18px;
  font-size: 12px;
  color: #838997;
  line-height: 20px;
  width: 144px
}

.zhidou-info-show {
  border-bottom: 1px #f2f5fa solid;
  padding: 20px
}

.coupon-info-show .change-count,.coupon-info-show .coupon-count {
  float: right
}

.competitive-container .pay-b .coupon-tip:after {
  content: "\003E";
  vertical-align: top;
  line-height: 31px
}

.coupon-info-show a {
  display: block;
  line-height: 44px;
  border-bottom: 1px #f2f5fa solid;
  padding-left: 20px;
  padding-right: 20px
}

.coupon-info-show a:hover {
  background: #f2f5fa;
  font-size: 14px;
  color: #50586c
}

.tab-competitive.fs14 {
  line-height: 26px
}

.cpt-l {
  width: 100%;
  max-width: 923px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 30px;
  box-sizing: border-box
}

.sub-nav {
  height: 62px;
  line-height: 62px;
  font-size: 16px;
  color: #838997
}

.sub-nav a {
  display: inline-block
}

.sub-nav a.active {
  color: #53cac3
}

.tab-character {
  font-size: 14px;
  color: #353b3d;
  line-height: 26px
}

.tab-character li {
  padding-top: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #f2f2f5;
  position: relative
}

.btn.tab-test-btn {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 88px;
  height: 32px;
  background-color: #5ed5c8;
  line-height: 34px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  min-width: 88px
}

.tab-character li p {
  line-height: 20px
}

.tab-character li p:first-child {
  padding-bottom: 18px
}

.tab-character input {
  color: #353b3d
}

.cpt-mes {
  padding-top: 184px;
  color: #838997;
  line-height: 21px
}

.default-list {
  position: relative;
  padding-top: 24px;
  padding-bottom: 23px;
  border-bottom: 1px solid #f2f2f5;
  color: #838997
}

.default-list.active {
  border-bottom: 1px solid #5ed5c8
}

.h37 {
  height: 44px;
  line-height: 34px
}

.h37+p {
  line-height: 20px
}

.tab-competitive .check-detail {
  background-color: #f8f9fb;
  height: 0;
  overflow: hidden;
  box-sizing: border-box
}

.tab-competitive .check-detail a {
  display: block;
  padding: 20px 30px;
  border-bottom: 1px solid rgba(193,196,203,.1);
  zoom:1}

.tab-competitive .check-detail a:after {
  content: '';
  display: block;
  overflow: hidden;
  visibility: hidden;
  clear: both
}

.tab-competitive .check-detail a:hover {
  background-color: #fff
}

.tab-competitive .job-info {
  width: 260px
}

.tab-competitive .company-info {
  width: 240px
}

.tab-competitive .default-list .default-name {
  width: 348px
}

.tab-competitive .default-list .default-num {
  width: 240px
}

.tab-competitive .default-list .default-btn-group a {
  display: block;
  width: 52px
}

.tab-competitive .default-list .default-btn-group .check-btn {
  text-align: right;
  padding-top: 10px;
  box-sizing: border-box;
  line-height: 20px
}

.tab-competitive .default-list .default-btn-group .check-btn .fz-slideup {
  background-position: 5px -810px;
  vertical-align: middle;
  transform: scale(.7,.7)
}

.tab-competitive .default-list .default-btn-group .check-btn .fz-slidedown {
  background-position: 5px -788px;
  vertical-align: middle;
  transform: scale(.7,.7)
}

.tab-character.dn+.cpt-mes {
  display: none
}

.tab-character .username-wrap {
  width: 400px;
  display: inline-block
}

.tab-competitive .default-list.active+.check-detail {
  height: auto
}

.check-detail p {
  line-height: 20px
}

.check-detail p.c9F {
  line-height: 17px!important
}

.job-info-l {
  height: 28px;
  line-height: 28px
}

.tab-competitive .job-info-l img {
  width: 20px;
  height: 20px;
  vertical-align: center;
  line-height: 20px;
  display: inline-block;
  margin-right: 10px;
  border-radius: 10px
}

.tab-competitive .job-info-l span {
  display: inline-block;
  max-width: 98px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.tab-competitive .job-info-l .job-title {
  max-width: 170px;
  display: inline-block
}

.my-props .boss-position {
  max-width: 108px
}

.staff-info-avatar {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(../images/competitive/icon-zd.png) no-repeat center;
  vertical-align: middle;
  border-radius: 10px;
  margin-right: 10px
}

.tab-competitive .wages-money {
  color: #ff6223;
  margin-left: 15px;
  vertical-align: top;
  font-size: 14px;
  display: inline-block
}

.tab-character .copy {
  color: #53cac3;
  padding-left: 15px
}

.props-wrap {
  width: 100%;
  height: 280px
}

.props-wrap .tr .c-title {
  color: #ff6223
}

.props-character {
  margin-top: 20px
}

.props-competitive {
  box-sizing: border-box
}

.props-competitive img {
  width: 74px;
  height: 74px
}

.props-competitive-header {
  padding: 18px 0 20px 0;
  margin: 0 40px 0 43px
}

.props-competitive-header .c-title {
  height: 28px
}

.props-body {
  display: flex;
  padding-right: 40px;
  padding-left: 40px;
  text-align: center;
  height: 166px;
  align-items: center
}

.props-competitive-body li {
  flex: 1;
  height: 106px;
  overflow-y: hidden
}

.props-competitive-body li:hover>.no-hover {
  margin-top: -106px
}

.props-character-body li {
  flex: 1;
  height: 120px;
  overflow-y: hidden
}

.props-character-body li:hover>.no-hover {
  margin-top: -120px
}

.props-competitive-header-des {
  color: #61687c;
  padding-top: 10px;
  margin-left: 15px
}

.props-competitive-header-des .tt {
  color: #61687c;
  font-size: 24px;
  line-height: 33px;
  height: 38px;
  display: inline-block;
  font-weight: 600
}

.shop-props .btn-pay {
  width: 104px;
  height: 34px;
  min-width: 104px;
  font-size: 14px;
  line-height: 34px;
  background-color: #ff6223;
  border: none
}

.shop-props .btn-pay:hover {
  background-color: rgba(255,98,35,.71)
}

.no-hover-img {
  height: 56px;
  margin-bottom: 5px
}

.character-item-img {
  width: 67px;
  height: 70px;
  display: inline-block
}

.character-item-img-hover {
  width: 88px;
  height: 88px;
  display: inline-block
}

.dimensional-graph {
  background: url(../images/competitive/dimensional-graph.png) no-repeat center
}

.deep-test {
  background: url(../images/competitive/deep-test.png) no-repeat center
}

.fast-test {
  background: url(../images/competitive/fast-test.png) no-repeat center
}

.dimensional-graph-hover {
  background: url(../images/competitive/dimensional-graph-hover.png) no-repeat center
}

.deep-test-hover {
  background: url(../images/competitive/deep-test-hover.png) no-repeat center;
  background-size: contain
}

.fast-test-hover {
  background: url(../images/competitive/fast-test-hover.png) no-repeat center
}

.shop-props .competitive-item-img {
  width: 54px;
  height: 56px;
  display: inline-block
}

.shop-props .kownAll {
  background: url(../images/competitive/kownAll.png) no-repeat center
}

.shop-props .wages {
  background: url(../images/competitive/wages.png) no-repeat center
}

.shop-props .recruit {
  background: url(../images/competitive/recruit.png) no-repeat center
}

.shop-props .competitive-item-img-hover {
  width: 145px;
  height: 100px;
  display: inline-block
}

.shop-props .competitive-wages-img-hover {
  width: 146px;
  height: 83px;
  display: inline-block
}

.shop-props .item-character {
  position: relative;
  font-size: 10px;
  margin-top: 6px
}

.shop-props .item-character .persistence {
  position: absolute;
  top: 25px;
  left: 30px
}

.shop-props .item-character .outgoing {
  position: absolute;
  top: 30px;
  left: 160px
}

.shop-props .item-character .stability {
  position: absolute;
  top: -12px;
  left: 100px
}

.shop-props .dimensional-graph-hover+p {
  margin-top: -6px
}

.shop-props .kownAll-hover {
  background: url(../images/competitive/kownAll-hover.png) no-repeat center;
  background-size: contain
}

.shop-props .wages-hover {
  background: url(../images/competitive/wages-hover.png) no-repeat center;
  background-size: 85%
}

.shop-props .recruit-hover {
  background: url(../images/competitive/recruit-hover.png) no-repeat center
}

.shop-props {
  display: none
}

.shop-props.active+.my-props {
  display: none
}

.shop-props.active {
  display: block
}

.competitive-container .copyText {
  background: 0 0;
  outline: 0;
  border: none
}

.competitive-container .copy-text-username {
  width: 200px
}

.competitive-container .copy-text-password {
  width: 80px
}

.competitive-container .icon-help {
  background: url(../images/competitive/icon-help.png) no-repeat -25px center;
  width: 17px;
  height: 26px;
  display: inline-block;
  vertical-align: middle
}

.layer-charge {
  width: 440px;
  height: 239px;
  font-size: 14px
}

.layer-charge-logo {
  background: url(../images/competitive/zhadan.png) no-repeat center;
  width: 92px;
  height: 92px;
  position: absolute;
  top: -46px;
  margin: 0 auto;
  left: 0;
  right: 0;
  display: inline-block
}

.layer-charge-container {
  padding: 20px 40px 40px 40px;
  margin-top: 50px
}

.layer-charge .layer-charge-container .virtual-money-count {
  width: 150px;
  height: 40px;
  border: none;
  font-size: 18px;
  background-color: #f0f3f9;
  float: right;
  text-align: right;
  padding-right: 5px
}

.layer-charge .layer-charge-container .virtual-money {
  height: 65px;
  line-height: 40px
}

.layer-charge .layer-charge-container .charge-money {
  float: right
}

.layer-charge .btn-cancel {
  background-color: #fff;
  color: #28c3b1;
  box-sizing: border-box;
  width: 114px;
  height: 38px
}

.layer-charge .btn-cancel:hover {
  border: 2px solid #28c3b1;
  line-height: 34px
}

.layer-charge .btn-submit {
  margin-left: 30px
}

.charge-money-wrap {
  height: 45px
}

.layer-prop-charge .dialog-container {
  margin-left: -220px;
  margin-top: -167px
}

.layer-prop-position .dialog-container {
  padding: 40px;
  margin-top: -280px;
  margin-left: -365px
}

.layer-prop-position .dialog-footer {
  margin-top: 22px
}

.layer-prop-position .title {
  font-size: 24px;
  color: #62687a;
  line-height: 24px
}

.layer-prop-position .position-container {
  margin-top: 30px;
  width: 650px;
  height: 330px;
  overflow-y: auto;
  border: 1px solid #f2f2f5
}

.layer-prop-position .position-container::-webkit-scrollbar {
  width: 10px;
  border: 1px solid #f2f2f5
}

.layer-prop-position .position-container::-webkit-scrollbar-thumb {
  width: 6px;
  border: 2px solid #fff;
  background: #79797a;
  border-radius: 100px
}

.layer-prop-position .position-container .position-item {
  padding: 18px 38px 0 20px;
  font-size: 0;
  white-space: nowrap;
  box-sizing: border-box;
  height: 83px;
  border-bottom: 1px solid #f2f2f5
}

.layer-prop-position .position-container .position-item.item-stop {
  background: url(../images/prop/icon-stop.png) 426px 15px no-repeat
}

.layer-prop-position .position-container .item-open em {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  width: 72px;
  height: 22px;
  margin-left: 10px;
  line-height: 22px;
  text-align: center;
  font-size: 12px;
  color: #b7bac4;
  border: 1px solid #d1d4db;
  border-radius: 100px;
  font-weight: 400;
  font-style: normal
}

.layer-prop-position .position-container .position-item.selected {
  background: url(../images/prop/icon-checked.png) right top no-repeat
}

.layer-prop-position .position-container .position-item img {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 50%
}

.layer-prop-position .position-container .position-item:hover {
  background-color: #f2f5fa
}

.layer-prop-position .position-item>div {
  display: inline-block;
  font-size: 14px;
  color: #50586c
}

.layer-prop-position .position-item p {
  line-height: 20px;
  margin-bottom: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.layer-prop-position .position-item span {
  display: inline-block;
  font-size: 12px;
  color: #9fa3b0;
  line-height: 18px
}

.layer-prop-position .position-item span+span {
  margin-left: 10px
}

.layer-prop-position .position-item span+span:before {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  content: '';
  width: 1px;
  height: 12px;
  margin-right: 10px;
  background: #e0e0e0
}

.layer-prop-position .position-item .salary {
  font-size: 14px;
  color: #ff6223
}

.layer-prop-position .position-item div+div {
  margin-left: 50px
}

.layer-prop-position .position-item .job-info {
  width: 154px
}

.layer-prop-position .position-item .company-info {
  width: 196px
}

.layer-prop-position .position-item .boss-info {
  width: 144px;
  text-align: right
}

.layer-prop-position .btn {
  min-width: 100px;
  margin-top: 22px;
  float: right;
  background-color: #53cac3;
  border-color: #53cac3;
  font-size: 14px;
  color: #fff;
  cursor: pointer
}

.layer-prop-position .btn-disabled {
  background-color: #d0d4da;
  border-color: #d0d4da
}

.layer-prop-purchase .dialog-container {
  padding: 36px;
  margin: -248px 0 0 -220px
}

.layer-prop-purchase .title img {
  display: block;
  margin: 0 auto;
  margin-top: -67px;
  width: 74px;
  height: 74px
}

.layer-prop-purchase .title p {
  margin-top: 12px;
  font-size: 20px;
  color: #61687c;
  text-align: center
}

.layer-prop-purchase .title p.sub-title {
  margin-top: 5px;
  font-size: 12px;
  color: #9fa3b0;
  text-align: center
}

.layer-prop-purchase .purchase-container {
  margin-top: 20px
}

.layer-prop-purchase .purchase-container li {
  width: 368px;
  height: 66px;
  box-sizing: border-box;
  padding: 20px;
  margin-bottom: 20px;
  border: 1px solid #e3e7ed
}

.layer-prop-purchase .purchase-container li.selected,.layer-prop-purchase .purchase-container li:hover {
  border-color: #5dd5c8;
  box-shadow: 2px 4px 6px rgba(93,213,200,.2);
  cursor: pointer
}

.layer-prop-purchase .purchase-container .item-hot {
  background: url(../images/prop/icon-hot.png) right top no-repeat
}

.layer-prop-purchase .pull-right {
  float: right
}

.layer-prop-purchase .pull-left {
  float: left
}

.layer-prop-purchase .sells-pay {
  overflow: hidden;
  margin-bottom: 36px
}

.layer-prop-purchase .text-orange {
  font-size: 16px;
  color: #fc6c38;
  line-height: 22px
}

.layer-prop-purchase .text-gray {
  margin-left: 10px;
  font-size: 14px;
  color: #9fa3b0
}

.layer-prop-purchase .prop-sells-banlance {
  margin-left: 20px
}

.layer-prop-purchase .prop-sells-pay {
  font-size: 14px
}

.layer-prop-tip .dialog-container {
  width: 522px;
  height: 244px;
  padding: 40px;
  box-sizing: border-box;
  margin: -122px 0 0 -261px
}

.layer-prop-tip .title {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 20px;
  color: #62687a;
  font-weight: 400
}

.layer-prop-tip .dialog-con {
  font-size: 16px;
  color: #62687a;
  line-height: 30px
}

.layer-prop-tip .dialog-footer {
  margin-top: 30px
}

.dialog-alert-default .dialog-footer .btns .btn {
  padding: 0 16px
}

.dialog-alert-default .dialog-footer .btns .btn:hover {
  padding: 0 15px
}

.dialog-alert-default .dialog-footer .btns .btn-sure:hover {
  padding: 0 16px
}

.no-more {
  margin-top: 20px
}

.dialog-whatZd .dialog-container {
  width: 570px;
  margin-left: -260px;
  margin-top: -285px
}

.description-container {
  width: 550px;
  margin: 0 auto;
  background: #fff
}

.description-container .title {
  color: #414a60;
  font-size: 22px;
  font-weight: 400;
  height: 68px;
  background: #fff;
  padding: 0 60px 0 50px;
  line-height: 68px
}

.description-container dl {
  background: #f9fafb;
  padding: 20px 60px 1px 50px
}

.description-container dl dt {
  color: #414a60;
  font-size: 14px;
  position: relative
}

.description-container dl dd {
  color: #9fa3b0;
  font-size: 14px;
  margin-bottom: 30px
}

.description-container dl dt::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #18c3b1;
  position: absolute;
  left: -15px;
  top: 10px
}

.use-btn .icon-toast-loading {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
  background: url(../images/icon-toast-loading.png) center center no-repeat;
  -webkit-animation: rotate .8s infinite linear;
  animation: rotate .8s infinite linear
}

.coupon-slider-side {
  width: 320px;
  height: 100%;
  position: fixed;
  top: 0;
  right: -320px;
  z-index: 1005;
  background-color: #fff;
  box-shadow: -2px 0 4px 0 rgba(193,196,203,.38)
}

.coupon-slider-side iframe {
  width: 100%;
  height: 100%;
  border: none
}

.coupon-slider-side {
  padding: 60px 0 0 0;
  box-sizing: border-box
}

.coupon-slider-side .title {
  color: #fff;
  font-size: 18px;
  text-indent: 30px;
  line-height: 60px;
  height: 60px;
  margin-top: -60px;
  background: #28c3b1
}

.coupon-slider-frame {
  height: 100%
}

@keyframes rotate {
  0% {
      transform: rotate(0)
  }

  100% {
      transform: rotate(360deg)
  }
}

.detail-container {
  width: 571px;
  padding-bottom: 50px
}

.description-container {
  width: 550px;
  margin: 0 auto;
  background: #fff
}

.dialog-zhibean-layer .dialog-container {
  width: 570px;
  margin: -263px 0 0 -285px
}

.dialog-change-code .dialog-container {
  width: 280px;
  height: 316px;
  text-align: center;
  margin: -158px 0 0 -140px
}

.dialog-change-code .dialog-container .title {
  padding: 30px 0 15px 0;
  font-size: 20px;
  color: #414a60
}

.dialog-change-code .dialog-con i {
  display: block;
  width: 167px;
  height: 167px;
  background: url(../images/change-code.png);
  background-size: contain;
  margin: 0 auto
}

.dialog-change-code .dialog-con p {
  width: 145px;
  font-size: 13px;
  padding-top: 8px;
  margin: 0 auto;
  line-height: 19px;
  letter-spacing: 1.5px;
  color: #414a60
}

.description-container .tab-area {
  border-bottom: 1px solid #edf0f2;
  padding-left: 30px
}

.description-container .tab-area a {
  margin-bottom: -1px;
  display: inline-block;
  width: 108px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #9fa3b0;
  border: 1px solid #edf0f2;
  font-size: 14px;
  margin-right: -1px
}

.description-container .tab-area a.cur {
  background: #f9fafb;
  color: #414a60;
  border-bottom: 1px solid #f9fafb
}

.detail-container .tab-con {
  background: #f9fafb;
  padding-left: 30px;
  padding-right: 30px;
  height: 360px;
  max-height: 360px;
  overflow: auto
}

.detail-container .tab-con table {
  color: #414a60;
  font-size: 14px;
  width: 100%
}

.detail-container table tr {
  border-bottom: 1px solid #edf0f2
}

.detail-container .tab-con table td,.detail-container .tab-con table th {
  text-align: center;
  vertical-align: middle;
  height: 50px;
  font-size: 14px;
  font-weight: 400
}

.detail-container .tab-con table th:nth-child(1) {
  width: 140px
}

.detail-container table tr {
  border-bottom: 1px solid #edf0f2
}

.detail-container .tab-con table td,.detail-container .tab-con table th {
  text-align: center;
  vertical-align: middle;
  height: 50px;
  font-size: 14px;
  font-weight: 400
}

.loadmore {
  text-align: center;
  font-size: 12px;
  display: none;
  color: #999;
  margin-bottom: 15px;
  padding: 5px 0
}

.detail-container .loadmore {
  margin: 0;
  padding: 0
}

.detail-container .tab-con.hide {
  display: none
}

.detail-container table .orange {
  color: #fc6c38
}

.recharge-beans-original li .ios-notice {
  display: none
}

.prop-analyzer-wrap .disabled {
  opacity: .5;
  pointer-events: none
}

.prop-analyzer-wrap .dialog-con {
  padding: 0
}

.prop-analyzer-wrap .dialog-container {
  position: absolute;
  width: 766px;
  min-height: 390px;
  margin: -195px 0 0 -383px;
  top: 50%;
  left: 50%;
  padding: 0
}

.analyzer-head {
  width: 686px;
  height: 111px;
  margin-left: 48px;
  border-bottom: 1px solid #f8f9f9
}

.analyzer-head h4 {
  font-size: 22px;
  font-weight: 400;
  margin: 30px 0 5px 0
}

.analyzer-head .icon-logo {
  float: left;
  display: inline-block;
  width: 74px;
  height: 74px;
  margin: 17px 20px 0 0;
  background: url(../images/prop/icons-analyzer.png) -300px 0 no-repeat
}

.analyzer-head div {
  overflow: hidden
}

.analyzer-list {
  height: 185px;
  padding-left: 15px;
  overflow: hidden
}

.analyzer-list li {
  float: left;
  width: 240px;
  height: 390px;
  line-height: 22px;
  text-align: center;
  transition: margin .5s;
  overflow: hidden
}

.analyzer-list li:hover {
  margin-top: -185px
}

.analyzer-list li .analyzer-item {
  height: 185px
}

.analyzer-list .icon-item {
  display: inline-block;
  width: 54px;
  height: 56px;
  background: url(../images/prop/icons-analyzer.png) 0 0 no-repeat
}

.analyzer-list li .icon-active,.analyzer-list li .icon-compete,.analyzer-list li .icon-expect {
  margin: 32px 0 0
}

.analyzer-list li .icon-expect {
  background-position: -100px 0
}

.analyzer-list li .icon-active {
  background-position: -200px 0
}

.analyzer-list li .icon-compete-hover {
  background: url(../images/prop/icon-kown-hover.png) center no-repeat;
  width: 160px;
  height: 100px;
  margin-top: 42px;
  background-size: contain
}

.analyzer-list .gray {
  font-size: 12px
}

.analyzer-list .compete-place {
  width: 96px;
  height: 24px;
  line-height: 24px;
  border: 1px solid #53cac3;
  border-radius: 3px;
  margin-left: 71px
}

.analyzer-list .compete-place span {
  display: inline-block;
  white-space: nowrap;
  font-size: 18px;
  transform: scale(.5);
  color: #53cac3;
  margin-left: -40px
}

.analyzer-list li .icon-expect-hover {
  width: 137px;
  height: 83px;
  margin-top: 20px;
  background-position: -200px -100px
}

.analyzer-list li .icon-active-hover {
  width: 140px;
  height: 68px;
  margin-top: 20px;
  background-position: -400px -100px
}

.analyzer-combo-list {
  height: 70px;
  box-sizing: content-box;
  padding: 22px 0 0 0;
  line-height: 48px;
  background: #fff;
  font-size: 15px;
  color: #777d8d;
  box-shadow: 0 -1px 4px 0 rgba(65,74,96,.1)
}

.analyzer-combo-list dt {
  float: right;
  color: #fff;
  width: 120px;
  height: 48px;
  margin-right: 30px;
  text-align: center;
  background: #ff6223;
  cursor: pointer
}

.analyzer-combo-list dd {
  float: left;
  height: 48px;
  padding: 0 25px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  margin-left: 30px;
  cursor: pointer
}

.analyzer-combo-list dd:hover {
  border-color: #5dd5c8
}

.analyzer-combo-list dd.selected {
  border-color: #5dd5c8;
  color: #5dd5c8;
  box-shadow: 0 0 1px 0 #00d8c8
}

.analyzer-combo-list .discount {
  background: url(../images/prop/icon-discount.png) right top no-repeat
}

.analyzer-combo-list .line {
  display: inline-block;
  width: 1px;
  height: 14px;
  vertical-align: middle;
  background: #e5e5e5;
  margin: -1px 12px 0 12px
}

.fr {
  float: right
}

.satisfaction-feedback buttion,.satisfaction-feedback div,.satisfaction-feedback input,.satisfaction-feedback span,.satisfaction-feedback textarea {
  margin: 0;
  padding: 0
}

.satisfaction-feedback {
  height: 110px;
  margin: 15px 300px 0 0;
  padding: 20px 0 0 30px;
  background-color: #fff
}

.satisfaction-feedback .title {
  display: block;
  line-height: 15px;
  color: #414a60;
  font-size: 15px
}

.satisfaction-feedback .satisfaction {
  float: left;
  width: 40px;
  margin: 17px 40px auto 0;
  padding-top: 40px;
  background: #fff url(../images/smile-face.png) no-repeat;
  color: #a8aab7;
  font-size: 13px;
  text-align: center;
  cursor: pointer
}

.satisfaction-feedback .level-2 {
  background-position: 4px 0
}

.satisfaction-feedback .level-2.selected,.satisfaction-feedback .level-2:hover {
  background-position: -44px 0
}

.satisfaction-feedback .level-3 {
  background-position: -92px 0
}

.satisfaction-feedback .level-3.selected,.satisfaction-feedback .level-3:hover {
  background-position: -140px 0
}

.satisfaction-feedback .level-4 {
  background-position: -188px 0
}

.satisfaction-feedback .level-4.selected,.satisfaction-feedback .level-4:hover {
  background-position: -236px 0
}

.satisfaction-feedback .satisfaction.selected,.satisfaction-feedback .satisfaction:hover {
  color: #53cac3
}

.satisfaction-feedback .satisfaction div:last-of-type {
  margin-right: 0
}

.satisfaction-feedback textarea {
  float: left;
  width: 445px;
  height: 40px;
  margin: 13px 30px 0 -5px;
  padding: 10px;
  color: #414a60;
  resize: none
}

.satisfaction-feedback .btn {
  float: left;
  width: 90px;
  min-width: auto;
  height: 34px;
  margin-top: 28px
}

.satisfaction-feedback .btn.disabled {
  border-color: #d1d4db;
  background-color: #d1d4db
}

#toast.satisfaction-wrap {
  position: fixed;
  left: 0;
  top: -100px!important;
  width: 100%;
  height: 100%;
  padding-top: 100px;
  background-color: rgba(255,255,255,.6)
}

#toast .satisfaction-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 20px;
  vertical-align: middle;
  background: url(../images/smile-face.png) no-repeat -129px top/auto 29px
}

#toast .icon-toast-content {
  vertical-align: middle
}

.company-search .dropdown-wrap .arrow {
  display: inline-block;
  margin: 2px 10px;
  border-top: 3px solid #00c2b3;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  -webkit-transition: all linear .2s;
  transition: all linear .2s
}

.company-search .dropdown-menu-open .dropdown-menu {
  display: block
}

.company-search .dropdown-menu-open .arrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.company-search .dropdown-menu {
  animation: slideIn .2s both
}

.company-search .dropdown-menu li {
  padding: 0
}

.company-search .dropdown-menu a {
  display: block;
  height: 100%;
  padding: 0 15px
}

.company-search .filter-condition .selected {
  color: #00c2b3
}

.company-search .filter-condition {
  min-width: 1184px;
  margin: 0 auto;
  padding: 30px 0;
  background-color: #fff;
  line-height: 25px
}

.company-search .filter-row {
  margin: 0 auto 13px;
  width: 1184px
}

.company-search .filter-row:last-of-type {
  margin-bottom: 0
}

.company-search .filter-row .title {
  float: left;
  width: 70px;
  color: #414a60;
  font-size: 14px;
  font-weight: 500;
  color: #414a60
}

.company-search .filter-row .content {
  display: block;
  overflow: hidden;
  margin-left: 70px;
  font-size: 13px
}

.company-search .filter-row a {
  display: inline-block;
  margin-right: 6px;
  padding: 0 8px;
  color: #61687c
}

.company-search .filter-row a:hover {
  color: #00d7c6
}

.company-search .expect {
  width: 1184px;
  margin: 27px auto;
  padding: 0;
  font-size: 14px;
  line-height: 26px
}

.company-search .expect .company-count {
  float: right;
  color: #61687c;
  padding-top: 2px
}

.company-search .expect .company-count span {
  padding: 0 4px;
  color: #00c2b3
}

.company-search .expect-filter {
  font-size: 16px;
  color: #00c2b3;
  vertical-align: -2px
}

.company-search .expect-filter span {
  line-height: 26px
}

.standard .company-search .expect-filter.checkbox input[type=checkbox]~span:before {
  width: 12px;
  height: 12px;
  background: 0 0;
  border-color: #5dd5c8;
  top: 6px
}

.standard .company-search .expect-filter.checkbox input[type=checkbox]:checked~span:before {
  width: 14px;
  height: 14px;
  background: #53cac3;
  border: none
}

.company-search .expect-dropdown-wrap {
  display: inline-block;
  position: relative;
  margin-left: 15px;
  cursor: pointer
}

.company-search .expect-dropdown-wrap .dropdown-select {
  color: #00c2b3;
  background: 0 0
}

.company-search .expect-dropdown-wrap .dropdown-select .vline {
  background-color: #00c2b3
}

.company-search .expect-dropdown-wrap span {
  display: inline-block;
  vertical-align: middle
}

.company-search .expect-dropdown-wrap ul {
  left: -15px;
  width: auto;
  border-top: 1px #e3e7ed solid;
  box-shadow: 0 3px 6px rgba(6,0,1,.05)
}

.company-search .expect-dropdown-wrap li {
  color: #61687c;
  white-space: nowrap
}

.company-search .expect-dropdown-wrap li .vline {
  background-color: #61687c
}

.company-search .expect-dropdown-wrap li.cur,.company-search .expect-dropdown-wrap li.cur a {
  color: #00c2b3
}

.company-search .expect-dropdown-wrap li.cur .vline {
  background-color: #00c2b3
}

.company-search .expect-dropdown-wrap li:hover {
  background-color: #f2f5f9
}

.company-search .expect-dropdown-wrap li:hover .vline {
  background-color: #00c2b3
}

.company-search .expect-dropdown-wrap .dropdown-menu li span:nth-of-type(2),.company-search .expect-dropdown-wrap .dropdown-select span:nth-of-type(2) {
  max-width: 154px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.company-search .top-filter-bar .expect-filter {
  line-height: 44px;
  vertical-align: -2px
}

.company-search .top-filter-bar {
  display: block;
  position: fixed;
  z-index: 99;
  top: 0;
  width: 100%;
  height: 0;
  background-color: #fff;
  font-size: 12px;
  box-shadow: 0 3px 6px rgba(6,0,1,.05);
  overflow: hidden;
  -webkit-transition: all linear .2s;
  transition: all linear .2s
}

.company-search .top-filter-bar.show {
  height: 44px;
  overflow: visible
}

.company-search .filter-bar-right {
  line-height: 44px;
  float: right;
  height: 100%;
  color: #61687c
}

.company-search .filter-bar-right a {
  color: #61687c
}

.company-search .filter-bar-right .dropdown-wrap {
  display: inline-block;
  position: relative;
  width: 114px;
  height: 100%;
  cursor: pointer
}

.company-search .filter-bar-right .arrow {
  border-top-color: #61687c
}

.company-search .filter-bar-right .dropdown-select {
  display: block;
  padding: 0 16px;
  background-color: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.company-search .filter-bar-right .dropdown-menu ul {
  border-top: 1px #e3e7ed solid;
  font-size: 13px;
  box-shadow: 0 3px 6px rgba(6,0,1,.05)
}

.company-search .filter-bar-right .close {
  display: none
}

.company-search .filter-bar-right .selected .close {
  display: inline-block;
  position: relative;
  top: 3px;
  width: 15px;
  height: 15px;
  background: url(../images/icons.png) no-repeat 2px -2015px
}

.company-search .filter-bar-right .selected {
  color: #fc6c38
}

.company-search .filter-bar-right .selected .arrow {
  border-top-color: #fc6c38
}

.company-search .filter-bar-right .dropdown-filter-city .dropdown-menu {
  width: 503px
}

.company-search .filter-bar-right .dropdown-filter-city ul {
  left: unset;
  right: 38px;
  height: 68px;
  padding: 10px;
  line-height: 34px;
  overflow: hidden
}

.company-search .filter-bar-right .dropdown-filter-city li {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  white-space: nowrap
}

.company-search .filter-bar-right .dropdown-industry .dropdown-menu {
  width: 503px
}

.company-search .filter-bar-right .dropdown-industry ul {
  left: unset;
  right: 156px;
  padding: 10px;
  line-height: 34px
}

.company-search .filter-bar-right .dropdown-industry li {
  display: inline-block;
  width: 118px;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  white-space: nowrap
}

.company-search .company-list {
  width: 1184px;
  margin: 0 auto;
  overflow: hidden
}

.company-search .company-list ul {
  height: auto;
  overflow: hidden;
  width: 110%
}

.company-search .company-list li {
  height: 140px;
  margin-bottom: 16px
}

.company-search .company-list .sub-li {
  height: 140px;
  width: 284px;
  background-color: #fff
}

.company-search .sub-li .about-info p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  margin: 0 20px
}

.company-search .sub-li .h {
  color: #00c2b3;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  max-width: 145px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.company-search .page {
  background-color: #fff
}

.company-city-dialog .active {
  color: #00c2b3
}

.company-city-dialog .section-city {
  display: none
}

.company-city-dialog .section-city.cur {
  display: block
}

.job-primary.detail-box .info-primary {
  width: 580px
}

.job-banner {
  height: auto;
  padding: 24px 0
}

.job-banner .name {
  font-size: 32px;
  line-height: 45px;
  padding: 8px 0
}

.job-status {
  color: rgba(255,255,255,.7);
  font-size: 14px;
  line-height: 20px;
  height: 20px
}

.job-status span {
  vertical-align: middle
}

.job-status .job-medium-icon {
  height: 16px;
  vertical-align: middle;
  margin-left: 10px
}

.job-status .job-favor-icon {
  height: 20px;
  vertical-align: middle;
  margin-left: 10px;
  cursor: pointer
}

.job-status .school-enterprise-icon {
  display: inline-block;
  width: 249px;
  height: 24px;
  vertical-align: middle;
  margin-left: 10px;
  cursor: pointer;
  background: url(https://img.bosszhipin.com/static/file/2022/u8l1qr7brk1662098094529.png) 0 0/249px auto no-repeat
}

.job-status .school-enterprise-icon:hover {
  background-position: 0 -24px
}

.job-banner .salary {
  display: inline-block;
  vertical-align: middle;
  color: #fa6a43;
  height: 42px;
  font-size: 30px;
  line-height: 42px;
  font-weight: 600
}

.company-banner .name h1,.job-banner .name h1 {
  vertical-align: middle;
  font-size: 32px;
  max-width: 380px;
  white-space: nowrap;
  text-overflow: ellipsis
}

.job-banner .name h1 {
  line-height: 45px
}

.company-new .tag-more .link-more,.job-tags span,.tag-container .tag-more .link-more {
  display: inline-block;
  padding: 0 15px;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #5ed5c8;
  color: #5ed5c8;
  height: 23px;
  line-height: 23px;
  border-radius: 13px;
  margin-top: 0;
  vertical-align: top
}

.tag-container .tag-more .link-more {
  line-height: 16px
}

.company-new .tag-more .link-more:hover,.tag-container .tag-more .link-more:hover {
  background-color: rgba(94,213,200,.18)
}

.company-new .info-primary {
  overflow: visible
}

.company-new .tag-more .link-more {
  top: 2px;
  line-height: 16px;
  text-decoration: none
}

.company-new .tag-container .job-tags,.smallbanner .tag-container .job-tags,.smallbanner .tag-container-new .job-tags {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  height: 26px
}

.company-new .company-banner .info-primary img {
  margin-top: 0
}

.company-new .tag-container .tag-more .job-tags span {
  margin-bottom: 10px
}

.company-new .tag-container .job-tags span {
  margin-bottom: 0;
  vertical-align: top
}

.company-new .tag-container,.smallbanner .tag-container,.smallbanner .tag-container-new {
  position: relative
}

.company-new .tag-container {
  width: 650px
}

.smallbanner .tag-container {
  margin-top: 11px;
  height: 25px;
  margin-bottom: 13px;
  text-align: right;
  box-sizing: border-box
}

.smallbanner .tag-container-new {
  margin-top: 14px;
  height: 25px;
  margin-bottom: 0;
  text-align: right;
  box-sizing: border-box
}

.company-new .tag-container .tag-more:hover .tag-all,.detail-box .tag-container .tag-more:hover .tag-all,.detail-box .tag-container-new .tag-more:hover .tag-all,.smallbanner .tag-container .tag-more:hover .tag-all,.smallbanner .tag-container-new .tag-more:hover .tag-all {
  display: block
}

.company-new .tag-container .tag-more .tag-all,.detail-box .tag-container .tag-more .tag-all,.detail-box .tag-container-new .tag-more .tag-all,.smallbanner .tag-container .tag-more .tag-all,.smallbanner .tag-container-new .tag-more .tag-all {
  display: none;
  position: absolute;
  top: 45px;
  right: 0;
  z-index: 100;
  width: 635px;
  height: auto;
  background: rgba(255,255,255,1);
  box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
  padding: 30px;
  padding-bottom: 10px;
  box-sizing: border-box;
  margin-right: 0;
  overflow: initial;
  text-align: left
}

.detail-box .tag-container-new .tag-more .link-more,.smallbanner .tag-container-new .tag-more .link-more {
  margin-right: 0
}

.company-new .smallbanner .tag-container .tag-more .tag-all,.company-new .tag-container .tag-more .tag-all {
  top: 50px
}

.tag-container .tag-more .tag-all:before {
  content: '';
  position: absolute;
  top: -16px;
  right: 25px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff
}

.dolt {
  display: inline-block;
  vertical-align: middle;
  width: 2px;
  height: 2px;
  margin: 0 7px;
  border-radius: 50%;
  background-color: rgba(255,255,255,.7)
}

.job-banner .info-primary p {
  color: rgba(255,255,255,.7);
  margin-bottom: 22px;
  line-height: 20px
}

.job-banner .info-primary p .text-city {
  color: rgba(255,255,255,.7)
}

.job-notag .job-op {
  margin-top: -50px
}

.detail-box .job-op .btn-more,.detail-box .job-op .btn-startchat {
  display: block;
  width: 220px;
  margin-top: 0;
  float: none
}

.detail-box .job-op .btn-container {
  font-size: 0
}

.detail-box .job-op .btn-container .btn {
  display: inline-block;
  width: 130px;
  height: 45px;
  line-height: 43px;
  box-sizing: border-box;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500
}

.detail-box .job-op .btn-container .btn-more {
  width: 220px
}

.detail-box .job-op .btn-container .btn-deliver,.detail-box .job-op .btn-container .btn-send-phone,.detail-box .job-op .btn-container .btn-send-wechat {
  background: 0 0
}

.detail-box .job-op .btn-container .btn-send-wechat:hover {
  color: #5dd5c8
}

.detail-box .job-op .btn-container .btn+.btn,.smallbanner .detail-op .btn+.btn {
  margin-left: 16px
}

.smallbanner .btn-outline {
  height: 42px;
  line-height: 42px;
  width: 137px;
  margin-right: 0;
  height: 43px;
  line-height: 43px;
  border: 1px solid #5ed5c8;
  color: #5ed5c8;
  text-align: center;
  background-color: transparent
}

.smallbanner .btn-outline:hover {
  border: 1px solid #5ed5c8;
  color: #5ed5c8;
  background-color: transparent
}

.detail-box .job-op .btn-container .btn-outline {
  height: 45px;
  line-height: 43px;
  border: 1px solid #5ed5c8;
  color: #5ed5c8;
  text-align: center;
  background-color: transparent
}

.detail-box .job-op .btn-container .btn-outline:hover {
  border: 1px solid #5ed5c8;
  color: #5ed5c8;
  background-color: transparent
}

.detail-box .job-op .btn-container .btn-interest {
  height: 45px;
  line-height: 43px;
  border: 1px solid #5ed5c8;
  color: #5ed5c8;
  text-align: center;
  background-color: transparent
}

.detail-box .job-op .btn-container .btn-interest:before {
  content: ' ';
  position: relative;
  top: -2px;
  display: inline-block;
  margin-right: 6px;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  background: url(../images/like-white-icon.png);
  background-size: 100%;
  transition: all .2s linear
}

.detail-box .job-op .btn-container .btn-interest.active:before,.detail-box .job-op .btn-container .btn-interest:hover:before {
  content: ' ';
  position: relative;
  top: -2px;
  display: inline-block;
  margin-right: 6px;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  background: url(../images/like-active-icon.png);
  background-size: 100%
}

.job-banner .op-container {
  overflow: hidden;
  position: absolute;
  bottom: 10px;
  width: 298px;
  right: 0
}

.job-banner.job-notag .op-container {
  margin-top: 37px
}

.job-banner .op-container a {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  color: #fa6a43
}

.company-banner .icon,.job-banner .icon {
  display: inline-block;
  vertical-align: -2px;
  width: 18px;
  height: 15px;
  margin-right: 8px
}

.company-banner .icon-upload i,.job-banner .icon-upload i {
  background: url(../images/job/icon-upload.png) center center no-repeat;
  background-size: contain
}

.company-banner .icon-resume i,.job-banner .icon-resume i {
  background: url(../images/job/icon-resume.png) center center no-repeat;
  background-size: contain
}

.company-banner .icon-upload-login i,.job-banner .icon-upload-login i {
  background: url(../images/job/icon-upload-login.png) center center no-repeat;
  background-size: contain
}

.company-banner .icon-resume-login i,.job-banner .icon-resume-login i {
  background: url(../images/job/icon-resume-login.png) center center no-repeat;
  background-size: contain
}

.company-stat .op .icon-resume-login,.company-stat .op .icon-upload-login,.job-banner .op-container .icon-resume-login,.job-banner .op-container .icon-upload-login {
  color: #5ed5c8
}

.detail-box .tag-container {
  line-height: 0;
  margin-top: 30px;
  text-align: right;
  box-sizing: border-box
}

.detail-box .tag-container-new {
  line-height: 0;
  margin-top: 32px;
  text-align: right;
  box-sizing: border-box
}

.tag-container {
  display: inline-block
}

.tag-container .tag-more {
  opacity: 0;
  height: 23px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 8px;
  line-height: 16px;
  display: none
}

.smallbanner .tag-container .tag-more,.smallbanner .tag-container-new .tag-more {
  top: 0
}

.job-detail .detail-figure {
  float: left;
  position: static
}

.job-detail .detail-figure img {
  margin-right: 20px
}

.detail-op .name {
  margin-top: 8px
}

.smallbanner .company-info {
  width: 580px;
  float: left
}

.smallbanner {
  padding: 22px 0 27px;
  z-index: 1001;
  height: auto
}

.smallbanner .company-info {
  width: 580px;
  float: left
}

.smallbanner .name {
  line-height: 45px
}

.smallbanner .name h1 {
  font-size: 32px;
  line-height: 45px;
  max-width: 380px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 45px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 400
}

.smallbanner .btn-more {
  display: block;
  width: 296px;
  margin-top: 0;
  float: none;
  height: 42px;
  line-height: 42px
}

.smallbanner .inner {
  position: relative
}

.smallbanner .detail-op .btns {
  margin-top: 0;
  float: left;
  text-align: left;
  font-size: 0
}

.smallbanner .name span {
  background: 0 0;
  font-size: 30px;
  line-height: 42px;
  color: #fa6a43;
  font-weight: 700;
  margin-top: 0;
  padding: 0
}

.smallbanner .name span.job-title {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 32px;
  line-height: 48px;
  padding: 0;
  color: #fff;
  margin-top: 0;
  font-weight: 400;
  margin-left: 0;
  max-width: 380px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px
}

.smallbanner .job-tags {
  padding-top: 0
}

.smallbanner .info .link-more {
  font-size: 14px;
  line-height: 14px;
  color: #5dd5c8;
  text-decoration: underline;
  margin-left: 16px
}

.smallbanner .detail-op {
  margin-top: 25px;
  float: left;
  width: 100%
}

.smallbanner .detail-op .btn {
  vertical-align: middle;
  width: 130px
}

.smallbanner .detail-op .btn-more {
  width: 220px
}

.smallbanner .tag-container .link-more,.smallbanner .tag-container .link-more-new {
  top: 2px;
  line-height: 14px;
  text-decoration: none;
  margin-left: 0
}

.smallbanner .detail-op .btn {
  font-size: 16px;
  font-weight: 500
}

.smallbanner .detail-op .btn-interest {
  height: 43px;
  line-height: 43px;
  border: 1px solid #5ed5c8;
  color: #5ed5c8;
  text-align: center;
  background-color: transparent
}

.smallbanner .detail-op .btn-interest:before {
  content: ' ';
  position: relative;
  top: -2px;
  display: inline-block;
  margin-right: 6px;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  background: url(../images/like-white-icon.png);
  background-size: 100%;
  transition: all .2s linear
}

.smallbanner .detail-op .btn-interest.active:before,.smallbanner .detail-op .btn-interest:hover:before {
  content: ' ';
  position: relative;
  top: -2px;
  display: inline-block;
  margin-right: 6px;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  background: url(../images/like-active-icon.png);
  background-size: 100%
}

.smallbanner .detail-op .btn-startchat {
  height: 45px;
  line-height: 45px;
  box-sizing: border-box
}

.smallbanner .info {
  display: flex;
  align-items: center
}

.smallbanner .detail-op .info {
  display: flex;
  align-items: center;
  float: right;
  margin-top: 10px
}

.smallbanner .info .job-detail-guide-immediate-login {
  display: inline-flex;
  color: #5dd5c8;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  line-height: 14px;
  margin-left: 30px
}

.smallbanner .info .job-detail-guide-download-app {
  display: inline-flex;
  color: #5dd5c8;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  line-height: 14px;
  margin-left: 20px
}

.smallbanner .info .job-detail-guide-download-app-icon {
  width: 11px;
  height: 16px;
  display: inline-block;
  margin-left: 8px;
  margin-right: 4px;
  background: url(../images/phone2x.png) no-repeat;
  background-size: 100% 100%
}

.smallbanner .info .job-detail-guide-download-app:hover .job-detail-guide-download-app-icon {
  background: url(../images/phone2x-hover.png) no-repeat;
  background-size: 100% 100%
}

.smallbanner-bottom {
  width: 836px;
  padding: 20px;
  background: url(../images/smallbanner-bottom-bg.png) left bottom/67px 73px no-repeat,linear-gradient(270deg,#fafafa 0,#d7fcfa 100%);
  border: 1px solid #5ed5c8;
  overflow: hidden;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

.smallbanner-bottom.fixed {
  position: fixed;
  z-index: 1001;
  bottom: 0;
  left: 50%;
  margin-left: -592px;
  margin-top: 0
}

.smallbanner-bottom.fixed-small {
  position: fixed;
  z-index: 1001;
  bottom: 120px;
  left: 0;
  margin-left: 0;
  margin-top: 0
}

.smallbanner-bottom .company-info {
  float: left;
  overflow: hidden
}

.smallbanner-bottom .company-info .job-status {
  color: rgb(93,213,200,.7);
  font-size: 14px;
  line-height: 20px;
  height: 20px
}

.smallbanner-bottom .company-info .job-title {
  color: #333;
  font-size: 26px;
  line-height: 37px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 290px;
  display: inline-block;
  vertical-align: middle
}

.smallbanner-bottom .company-info .job-price {
  color: #fa6a43;
  font-size: 28px;
  line-height: 40px;
  font-weight: 600;
  margin-left: 10px;
  vertical-align: middle
}

.smallbanner-bottom .company-info .info-list {
  display: block;
  margin: 6px 0 10px;
  line-height: 20px;
  color: #666;
  overflow: hidden
}

.smallbanner-bottom .company-info .info-list li {
  position: relative;
  float: left;
  padding: 0 5px
}

.smallbanner-bottom .company-info .info-list li:first-child {
  padding-left: 0
}

.smallbanner-bottom .company-info .info-list li+li:before {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
  width: 2px;
  height: 2px;
  background-color: #666
}

.smallbanner-bottom .company-info .info {
  color: rgba(51,51,51,.7);
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap
}

.smallbanner-bottom .company-info .company-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
  display: inline-block;
  vertical-align: middle
}

.smallbanner-bottom .company-info .info a {
  text-decoration: underline;
  color: #5dd5c8;
  display: inline-block;
  vertical-align: middle
}

.smallbanner-bottom .company-info .info .job-detail-guide-immediate-login {
  color: #5dd5c8;
  margin-left: 30px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle
}

.smallbanner-bottom .company-info .info .job-detail-guide-download-app {
  color: #5dd5c8;
  margin-left: 20px;
  display: inline-block;
  cursor: pointer
}

.smallbanner-bottom .detail-op {
  float: right;
  padding: 0;
  width: auto;
  margin-bottom: 0
}

.smallbanner-bottom .detail-op .avatar-info {
  text-align: right
}

.smallbanner-bottom .detail-op .avatar-info img {
  width: 28px;
  margin-right: 8px;
  border-radius: 100%;
  vertical-align: middle
}

.smallbanner-bottom .detail-op .avatar-info .avatar-name {
  font-size: 18px;
  color: #8d92a1;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 180px
}

.smallbanner-bottom .detail-op .btn-container {
  white-space: nowrap;
  margin-top: 24px;
  overflow: hidden
}

.smallbanner-bottom .detail-op .btn-container .btn {
  min-width: auto;
  width: 94px;
  height: 45px;
  line-height: 45px;
  float: left;
  font-size: 16px;
  font-weight: 500
}

.smallbanner-bottom .detail-op .btn-container .btn+.btn {
  margin-left: 12px
}

.smallbanner-bottom .detail-op .btn-container .btn-interest.active {
  width: 120px
}

.smallbanner-bottom .detail-op .btn-container .btn-interest {
  transition: none
}

.smallbanner-bottom .detail-op .btn-container .btn-interest,.smallbanner-bottom .detail-op .btn-container .btn-outline {
  color: #5ed5c8;
  border: 1px solid #00d8c9;
  background: 0 0
}

.smallbanner-bottom .detail-op .btn-container .btn-interest:before {
  content: ' ';
  position: relative;
  top: -2px;
  display: inline-block;
  margin-right: 6px;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  background: url(../images/like-white-icon.png);
  background-size: 100%;
  transition: all .2s linear
}

.smallbanner-bottom .detail-op .btn-container .btn-interest.active:before,.smallbanner-bottom .detail-op .btn-container .btn-interest:hover:before {
  content: ' ';
  position: relative;
  top: -2px;
  display: inline-block;
  margin-right: 6px;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  background: url(../images/like-active-icon.png);
  background-size: 100%
}

.smallbanner-bottom .detail-op .btn-container .btn-more {
  width: 220px
}

.smallbanner-bottom .info .job-detail-guide-download-app {
  display: inline-flex;
  color: #5dd5c8;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  line-height: 14px;
  margin-left: 20px
}

.smallbanner-bottom .info .job-detail-guide-download-app-icon {
  width: 11px;
  height: 16px;
  display: inline-block;
  margin-left: 8px;
  margin-right: 4px;
  background: url(../images/phone2x.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle
}

.smallbanner-bottom .info .job-detail-guide-download-app:hover .job-detail-guide-download-app-icon {
  background: url(../images/phone2x-hover.png) no-repeat;
  background-size: 100% 100%
}

.sider-company .title {
  line-height: 25px;
  margin-bottom: 25px;
  font-size: 15px;
  font-weight: 500;
  color: #414a60
}

.sider-company .company-info {
  overflow: hidden;
  line-height: 60px;
  margin-bottom: 27px
}

.sider-company img {
  width: 60px;
  height: 60px;
  float: left;
  margin-right: 18px;
  border-radius: 10px
}

.sider-company p {
  line-height: 20px;
  margin-bottom: 26px
}

.sider-company p i {
  display: inline-block;
  vertical-align: -4px;
  width: 17px;
  height: 17px;
  margin-right: 25px
}

.sider-company p .icon-stage {
  width: 15px;
  background: url(../images/job/icon-stage.png) center center no-repeat;
  background-size: contain
}

.sider-company p .icon-net {
  background: url(../images/job/icon-net.png) center center no-repeat;
  background-size: contain
}

.sider-company p .icon-scale {
  background: url(../images/job/icon-scale.png) center center no-repeat;
  background-size: contain
}

.sider-company p .icon-industry {
  background: url(../images/job/icon-industry.png) center center no-repeat;
  background-size: contain
}

.sider-company p.gray {
  color: #d0d4da
}

.job-sec .job-tags span {
  border: 1px #d1d4da solid;
  color: #9fa3af
}

.job-detail .recommend-box .btn-direction {
  z-index: 998
}

.tag-container {
  width: 750px;
  position: relative
}

.job-sec .fold-text .more-view {
  z-index: 100
}

.startchat-dialog .dialog-container {
  width: 700px;
  height: 520px;
  transform: translate(-50%,-50%);
  margin: 0
}

.startchat-dialog .dialog-container .dialog-title .close {
  top: 18px;
  right: 15px
}

.startchat-dialog .dialog-container .dialog-title .icon-close:after,.startchat-dialog .dialog-container .dialog-title .icon-close:before {
  background: #fff
}

.startchat-dialog .startchat-title {
  height: 60px;
  box-sizing: border-box;
  display: flex;
  background-color: #61687c;
  padding: 10px 20px 12px
}

.startchat-dialog .startchat-title .avatar {
  width: 38px;
  height: 38px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 1px solid #fff
}

.startchat-dialog .startchat-title .boss-info {
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  line-height: 20px;
  margin-left: 10px
}

.startchat-dialog .startchat-title .boss-info .position {
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  margin-top: 1px
}

.startchat-dialog .startchat-content {
  display: flex;
  background-color: #fff
}

.startchat-dialog .startchat-content .left {
  width: 419px;
  border-right: 1px solid #eef0f5
}

.startchat-dialog .startchat-content .message {
  height: 328px;
  padding-top: 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #eef0f5
}

.startchat-dialog .startchat-content .message-list {
  height: 100%;
  box-sizing: border-box;
  padding: 10px 20px 20px;
  overflow-y: auto
}

.startchat-dialog .startchat-content .message-item {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px
}

.startchat-dialog .startchat-content .message-item .status {
  height: 16px;
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
  padding: 0 3px;
  border-radius: 3px;
  color: #8d92a1;
  background-color: #e3e7ed
}

.startchat-dialog .startchat-content .message-item .text {
  padding: 8px 14px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 6px 0 6px 6px;
  color: #414a60;
  background-color: #e3e7ed;
  margin-left: 8px
}

.startchat-dialog .startchat-content .edit-area {
  padding: 12px 20px 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-end
}

.startchat-dialog .startchat-content .edit-area .input-area {
  width: 100%;
  height: 74px;
  font-size: 14px;
  line-height: 20px;
  color: #414a60;
  border: none;
  resize: none
}

.startchat-dialog .startchat-content .edit-area .input-area::placeholder {
  color: #d1d4db
}

.startchat-dialog .startchat-content .edit-area .send-message {
  height: 26px;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 26px;
  color: #fff;
  padding: 0 16px;
  border-radius: 13px;
  background-color: #5dd5c8;
  cursor: pointer
}

.startchat-dialog .startchat-content .edit-area .send-message.disable {
  border: 1px solid #ebeef5;
  color: #d1d4db;
  background-color: #fff;
  cursor: not-allowed
}

.startchat-dialog .startchat-content .right {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 80px
}

.startchat-dialog .startchat-content .right .title {
  font-size: 15px;
  font-weight: 500;
  color: #414a60;
  line-height: 21px;
  margin-bottom: 8px
}

.startchat-dialog .startchat-content .right .desc {
  font-size: 13px;
  color: #61687c;
  line-height: 18px
}

.startchat-dialog .startchat-content .right .img-container {
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0 10px
}

.startchat-dialog .startchat-content .right .wechat-qrcode {
  width: 100%;
  height: 100%
}

.startchat-dialog .startchat-content .right .wechat-qrcode.loading {
  width: 50px;
  height: 50px
}

.page-chat-loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,.3);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99
}

.page-chat-loading .loading-img {
  width: 60px;
  height: 60px
}

.job-bindwechat-dialog .dialog-container {
  padding: 30px 40px;
  margin: -150px 0 0 -250px
}

.job-bindwechat-dialog .dialog-title {
  font-size: 20px;
  color: #12ada9;
  height: 20px;
  line-height: 20px;
  margin-bottom: 32px;
  font-weight: 500
}

.job-bindwechat-dialog .dialog-footer {
  margin-top: 56px
}

.job-bindwechat-dialog .dialog-footer .btns .btn {
  margin: 0 0 0 16px;
  padding: 0 36px;
  height: 34px;
  line-height: 32px;
  box-sizing: border-box
}

.job-bindwechat-dialog .dialog-footer .btns .btn-outline:hover {
  border-width: 1px;
  padding: 0 36px
}

.job-bindwechat-dialog .wetchat-input {
  width: 420px;
  height: 42px;
  padding: 11px 15px;
  box-sizing: border-box;
  line-height: 20px;
  border: 1px solid #e3e7ed;
  vertical-align: middle;
  font-size: 14px;
  color: #414a60;
  outline: 0;
  transition: all .2s linear
}

.job-bindwechat-dialog .wetchat-input:focus,.job-bindwechat-dialog .wetchat-input:hover {
  border-color: #59cac2
}

.job-bindwechat-dialog .tip {
  display: block;
  line-height: 20px;
  font-size: 14px;
  margin-top: 17px;
  color: #9fa3b0;
  width: 420px
}

.tag-container-new {
  width: 504px;
  position: relative;
  float: right
}

.tag-container-new .tag-more {
  opacity: 0;
  height: 23px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 8px;
  line-height: 16px;
  display: none
}

.tag-container-new .tag-more .tag-all:before {
  content: '';
  position: absolute;
  top: -16px;
  right: 13px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff
}

.tag-container-new .tag-more .link-more {
  display: inline-block;
  padding: 0 15px;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #5ed5c8;
  color: #5ed5c8;
  height: 23px;
  line-height: 23px;
  border-radius: 13px;
  margin-top: 0;
  vertical-align: top
}

.tag-container-new .tag-more .link-more {
  line-height: 16px
}

.tag-container-new .tag-more .link-more:hover {
  background-color: rgba(94,213,200,.18)
}

.popup-guide-dialog .dialog-container {
  border-radius: 4px;
  padding: 30px 30px 24px;
  width: 410px;
  margin: -90px 0 0 -235px
}

.popup-guide-dialog .dialog-title {
  font-size: 20px;
  font-weight: 500;
  color: #444;
  line-height: 20px;
  margin-bottom: 14px
}

.popup-guide-dialog .dialog-con {
  font-size: 14px;
  color: #757575;
  line-height: 24px;
  word-break: break-all
}

.popup-guide-dialog .dialog-footer {
  margin-top: 30px
}

.popup-guide-dialog .dialog-footer .btns .btn {
  padding: 6px 14px;
  line-height: 20px;
  height: auto;
  border-radius: 2px
}

.popup-guide-dialog .dialog-footer .btns .btn-outline:hover {
  padding: 6px 14px;
  border-width: 1px
}

.before-report-dialog .dialog-container {
  width: 400px;
  padding: 0 0 30px;
  margin: -145px -200px
}

.before-report-dialog .before-report-title {
  font-size: 18px;
  font-weight: 500;
  color: #414a60;
  line-height: 26px;
  text-align: center;
  padding-bottom: 30px;
  padding-top: 30px;
  background: linear-gradient(180deg,rgba(64,123,242,.2) 0,rgba(255,255,255,0) 100%)
}

.before-report-dialog .before-report-title img {
  position: relative;
  top: -1px;
  width: 20px;
  margin-right: 10px;
  vertical-align: middle
}

.before-report-dialog .dialog-con p {
  line-height: 20px;
  font-size: 14px;
  padding: 0 30px
}

.before-report-dialog .dialog-con a {
  display: block;
  text-align: center;
  margin-top: 20px;
  line-height: 20px;
  color: #5ed5c8
}

.before-report-dialog .dialog-con a:hover {
  color: #00d7c6
}

.before-report-dialog .dialog-footer {
  padding: 0 30px;
  margin-top: 20px
}

.greet-sb-dialog {
  display: flex;
  align-items: center;
  justify-content: center
}

.greet-sb-dialog .icon-close:after,.greet-sb-dialog .icon-close:before {
  background: #999
}

.greet-sb-dialog .dialog-container {
  top: auto;
  left: auto;
  width: 500px;
  margin: 0
}

.greet-sb-dialog .greet-sb-title {
  height: 106px;
  padding: 30px;
  box-sizing: border-box;
  background: url(https://img.bosszhipin.com/static/file/2022/r6o0fx1sap1661344540240.png) top right/auto 106px no-repeat,linear-gradient(180deg,#bae8e8 0,#f2fcfc 100%)
}

.greet-sb-dialog .title-bg {
  display: block;
  width: 140px;
  height: 18px;
  background: url(https://img.bosszhipin.com/static/file/2022/pqojbpe5s81661344540527.png) 0 0/100% auto no-repeat
}

.greet-sb-dialog .sub-title {
  font-size: 14px;
  color: #666;
  line-height: 20px;
  margin-top: 10px
}

.greet-sb-dialog .greet-sb-list {
  padding: 0 30px;
  padding-top: 20px;
  max-height: calc(100vh - 260px);
  overflow: auto;
  box-sizing: border-box
}

.greet-sb-dialog .greet-sb-list li {
  font-size: 13px;
  color: #333;
  line-height: 18px;
  padding: 16px 18px;
  border-radius: 4px;
  border: 1px solid #e8e9eb;
  transition: all .2s linear;
  cursor: pointer;
  word-break: break-all
}

.greet-sb-dialog .greet-sb-list li+li {
  margin-top: 12px
}

.greet-sb-dialog .greet-sb-list li:hover {
  border: 1px solid #00bebd
}

.greet-sb-dialog .greet-sb-list li.active {
  background: rgba(0,190,189,.1);
  border: 1px solid #00bebd;
  font-weight: 500;
  color: #00a6a7;
  cursor: default
}

.greet-sb-dialog .greet-empty-box {
  width: 200px;
  margin: 0 auto
}

.greet-sb-dialog .greet-empty-box img {
  width: 100%
}

.greet-sb-dialog .greet-empty-box span {
  display: block;
  text-align: center;
  color: #999;
  font-size: 12px
}

.greet-sb-dialog .more-greet-box {
  text-align: center;
  margin-top: 12px
}

.greet-sb-dialog .more-greet-box a {
  display: inline-block;
  font-size: 12px;
  color: #666;
  line-height: 20px;
  transition: all .2s linear
}

.greet-sb-dialog .more-greet-box a:after {
  display: inline-block;
  content: ' ';
  width: 0;
  height: 0;
  border-left: 4px solid #b8bbcc;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid transparent;
  margin-left: 8px;
  transition: all .2s linear
}

.greet-sb-dialog .more-greet-box a:hover {
  color: #00bebd
}

.greet-sb-dialog .more-greet-box a:hover:after {
  border-left: 4px solid #00bebd
}

.greet-sb-dialog .operate-list {
  margin-bottom: 30px;
  margin-top: 30px;
  text-align: center
}

.greet-sb-dialog .operate-list .bth-greet-sure {
  display: inline-block;
  background: #00bebd;
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  padding: 8px 68px;
  transition: all .2s linear
}

.greet-sb-dialog .operate-list .bth-greet-sure:hover {
  opacity: .8
}

.company-banner .info-primary {
  height: auto;
  font-size: 0
}

.company-banner .info-primary img {
  width: 103px;
  height: 103px;
  border-radius: 13px;
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin-top: -11px
}

.company-banner .info-primary .info {
  margin-left: 25px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px
}

.company-banner .info-primary h1 {
  font-size: 32px;
  line-height: 48px;
  padding: 0 0 3px 0
}

.company-notag .info-primary h1 {
  padding-top: 22px
}

.company-new .company-banner {
  padding-top: 20px
}

.company-new .company-tab {
  clear: both
}

.company-banner .info-primary p {
  line-height: 20px;
  padding: 0;
  color: rgba(255,255,255,.7);
  margin-bottom: 13px
}

.company-banner .info-primary .job-title {
  display: flex;
  align-items: center
}

.company-banner .info-primary .not-settled-tag {
  flex-shrink: 0;
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  margin-left: 16px;
  vertical-align: middle;
  color: #fff;
  line-height: 21px;
  padding: 3px 10px;
  background: rgba(0,190,189,.1);
  border-radius: 6px;
  border: 1px solid #00bebd;
  cursor: pointer;
  transition: all .2s linear
}

.company-banner .info-primary .not-settled-tag:hover {
  background: rgba(0,190,189,.3)
}

.company-banner .info-primary .not-settled-content {
  display: none
}

.not-settled-content {
  display: none;
  position: fixed;
  left: 0;
  top: 32px;
  z-index: 2000;
  max-width: 262px;
  padding: 8px 12px;
  background: rgba(0,0,0,.6);
  border-radius: 4px;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  line-height: 21px;
  word-break: break-all;
  white-space: normal
}

.company-banner .job-tags {
  padding: 0
}

.company-banner .company-stat {
  text-align: right
}

.company-stat span b {
  line-height: 50px;
  color: #fff;
  padding: 0
}

.company-stat span i {
  display: block;
  line-height: 20px;
  height: 20px;
  font-style: normal
}

.company-stat .op {
  margin-top: 25px;
  font-size: 16px
}

.company-stat .op a {
  color: #fa6a43;
  line-height: 20px
}

.company-stat .op a+a {
  margin-left: 55px
}

.company-sider .update-time {
  color: #d0d4da;
  line-height: 20px;
  margin-top: 20px
}

.company-new .job-box .update-time {
  color: #9fa3b0;
  line-height: 20px;
  margin-top: 0;
  font-size: 12px
}

.company-new .company-job .job-primary {
  padding-right: 0
}

.company-new .company-job .company-new .company-job .job-list {
  width: 884px;
  padding: 0
}

.company-new .company-job .startchat-box {
  display: none
}

.company-new .job-detail .company-job .job-list .job-primary .info-primary {
  width: 470px
}

.company-new .company-job .job-list .job-primary .info-primary {
  width: 500px
}

.company-new .company-job .job-list li .name .job-title {
  max-width: 284px
}

.company-new .job-list li .name {
  text-overflow: unset
}

.company-new .job-detail .job-primary .info-publis {
  width: 290px
}

.job-primary .info-publis {
  width: 294px
}

.company-new .company-job .job-list li:hover .startchat-box {
  display: block
}

.company-new .company-job .job-list li:hover .info-publis {
  display: none!important
}

.company-new .seen-list {
  background: #fff;
  display: none
}

.company-new .seen-list .list-title {
  color: #00c2b3;
  line-height: 20px;
  padding: 13px 25px 12px;
  border-bottom: 2px solid #f2f2f5
}

.company-new .seen-list ul li {
  margin: 0 25px;
  border-bottom: 1px solid #eef0f4;
  padding: 11px 0
}

.company-new .seen-list .salary {
  color: #fc6f3b;
  float: right;
  line-height: 20px
}

.company-new .seen-list .job-name {
  line-height: 20px
}

.company-new .seen-list .company-name {
  font-size: 12px;
  line-height: 17px;
  color: #8d92a1
}

.company-detail-grab .company-banner .smallbanner,.company-new .smallbanner {
  height: auto;
  left: 0;
  z-index: 1001;
  padding: 0
}

.company-new .tag-container .tag-more {
  top: 0
}

.company-new .smallbanner .company-tab {
  margin-bottom: 0
}

.company-new .smallbanner .info-primary {
  height: auto;
  margin-bottom: 20px
}

.company-detail-grab .company-banner .smallbanner-content,.company-new .smallbanner-content {
  width: 1184px;
  margin: 0 auto
}

.company-detail-grab .company-banner .smallbanner-content {
  padding: 20px 0 10px
}

.company-new .smallbanner-content .info-primary {
  padding-top: 20px;
  margin-bottom: 0
}

.company-new .smallbanner-content .info-primary h1 {
  padding-top: 12px;
  padding-bottom: 12px
}

.smallbanner.notag img {
  width: 80px;
  height: 80px
}

.company-new .notag .smallbanner-content .op {
  margin-top: 67px
}

.company-new .smallbanner-content .op {
  margin-top: 104px
}

.company-new .smallbanner-content .company-tab {
  margin-top: -19px
}

.company-new .sider-list li h4 {
  line-height: 20px
}

.company-new .job-detail {
  float: left;
  width: 760px;
  margin-right: 0;
  padding-right: 30px
}

.company-new .picture-list .slider-main {
  width: 363px;
  height: 197px!important;
  margin-top: 10px
}

.company-new .picture-list li img {
  width: 363px;
  height: 197px
}

.company-new .picture-list .pic-btn {
  top: 81px
}

.company-new .job-box .company-sider {
  width: 369px
}

.company-new .company-job .company-sider {
  width: 284px
}

.company-new .company-sider,.company-new .job-detail {
  padding-bottom: 0
}

.company-new .company-banner .industry-link {
  color: rgba(255,255,255,.7)
}

.company-new .company-desc.company-job .job-list {
  width: 100%
}

.company-new .company-desc.company-job .job-list .job-primary {
  margin: 0
}

.company-new .company-desc.company-job .job-list li {
  border-bottom: 1px solid #f4f4f6;
  margin-bottom: 0
}

.company-new .company-desc.company-job .job-list li:hover {
  background-color: #fff
}

.company-new .company-desc.company-job .job-list li .startchat-box {
  right: 0
}

.company-desc.company-job .job-list li .job-primary .name {
  padding-bottom: 0
}

.links-container {
  background: #fff;
  border-top: 1px solid #f4f4f6;
  padding-bottom: 20px;
  position: relative;
  margin-top: 12px
}

.company-new+#footer,.links-container+#footer {
  margin-top: 0;
  border: none
}

.links-box {
  margin: 0 auto;
  padding-top: 20px;
  width: 1184px
}

.links-container-new .links-box {
  width: auto
}

.links-box-new {
  width: 1184px;
  margin: 0 auto;
  padding-top: 20px
}

.links-box-new h3 {
  font-size: 14px;
  font-family: PingFangSC-Regular,PingFang SC;
  font-weight: 400;
  color: rgba(65,74,96,1)
}

.links-box-new p {
  font-size: 12px;
  font-family: PingFangSC-Regular,PingFang SC;
  font-weight: 400;
  color: rgba(141,146,161,1);
  margin-top: 12px
}

.links-box .title-box {
  font-size: 0;
  margin-right: -272px
}

.links-box .title-box .title-item {
  color: #8d92a1;
  font-size: 14px;
  margin-right: 272px;
  display: inline-block;
  height: 32px;
  cursor: pointer;
  position: relative
}

.links-container-new .links-box .title-box .title-item {
  margin-right: 160px
}

.links-box .title-box .title-item:hover {
  color: #00c2b3
}

.links-box .title-box .title-item::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0
}

.links-box .title-box .title-item.cur {
  color: #00c2b3
}

.links-box .title-box .title-item.cur::after {
  background-color: #00c2b3
}

.links-box .links-wrapper {
  background: url(../images/links-bg.png) no-repeat top center;
  padding-top: 22px
}

.links-box .links-wrapper .links-content {
  display: none;
  font-size: 0;
  overflow: hidden
}

.links-box .links-wrapper .links-content.limited {
  max-height: 145px
}

.links-box .links-wrapper .links-content.cur {
  display: block
}

.links-box .links-wrapper .links-content.expand {
  max-height: none
}

.links-box .links-wrapper .links-content a {
  font-size: 12px;
  color: #8d92a1;
  margin: 0 30px 0 0;
  line-height: 35px;
  display: inline-block
}

.links-box .links-wrapper .links-content a:hover {
  color: #00c2b3
}

.links-box .expand-btn {
  text-align: center
}

.links-box .expand-btn a {
  color: #8d92a1;
  font-size: 12px
}

.links-box .expand-btn a:hover {
  color: #4a4e52
}

.text-arrow-right {
  vertical-align: middle;
  margin: 0 3px 0 6px;
  font-size: 16px
}

.more-view span {
  vertical-align: middle
}

.job-list .detail-vip-tip {
  height: 45px;
  margin-bottom: 20px;
  background: #fff url(../images/vip-bg.png) left center no-repeat;
  background-size: contain
}

.job-list .detail-vip-tip .detail-vip-container {
  margin: 0 30px;
  color: #414a60;
  font-size: 14px;
  padding: 10px 0;
  text-align: left
}

.job-list .detail-vip-tip .detail-vip-container .btn {
  float: right;
  width: 84px;
  min-width: 84px;
  height: 25px;
  line-height: 25px;
  background: linear-gradient(270deg,rgba(252,108,56,1) 0,rgba(255,147,46,1) 100%);
  border-radius: 13px;
  color: #fff;
  border: 1px solid #fff;
  font-size: 14px
}

.job-list .detail-vip-tip .detail-vip-container .btn-outline {
  color: #fc6c38;
  border-color: #fc6c38;
  background: #fff
}

.job-list .detail-vip-tip .detail-vip-container i {
  display: inline-block;
  vertical-align: -3px;
  width: 45px;
  height: 16px;
  margin-right: 10px;
  background: #fff url(../images/vip-icon.png) center center no-repeat;
  background-size: contain
}

.dialog-image-preview.dialog-wrap {
  display: flex;
  align-items: center;
  justify-content: center
}

.dialog-image-preview .dialog-layer {
  background: rgba(37,40,48,.95)
}

.dialog-image-preview .dialog-container {
  position: static;
  max-width: 800px;
  width: auto;
  height: 100%;
  padding: 0;
  left: 0;
  top: 0;
  margin: 0;
  box-shadow: none;
  background: 0 0;
  display: flex;
  align-items: center;
  overflow: auto
}

.dialog-image-preview .dialog-con {
  display: flex;
  align-items: center;
  max-height: 100%;
  padding: 0;
  height: 100%;
  overflow: auto
}

.dialog-image-preview .dialog-source-wrap {
  border-radius: 12px;
  overflow: hidden;
  width: 900px;
  height: 480px;
  position: relative
}

#vrWrap .empty-block,.dialog-image-preview .dialog-source-wrap .empty-block {
  width: 600px;
  height: 300px;
  background: #fff;
  border-radius: 12px;
  color: #222;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 90px auto 0
}

#vrWrap .empty-block {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -150px 0 0 -300px;
  z-index: 1
}

#vrWrap .empty-block img,.dialog-image-preview .dialog-source-wrap .empty-block img {
  width: 48px;
  display: block;
  margin-bottom: 32px
}

#vrWrap .empty-block p,.dialog-image-preview .dialog-source-wrap .empty-block p {
  font-size: 18px;
  font-weight: 500;
  color: #222;
  line-height: 25px
}

#vrWrap .empty-block em,.dialog-image-preview .dialog-source-wrap .empty-block em {
  font-size: 16px;
  font-weight: 400;
  color: #333;
  line-height: 22px;
  margin-top: 8px
}

.dialog-image-preview .image {
  display: block;
  max-height: 100%;
  max-width: 100%;
  cursor: zoom-in;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  border-radius: 12px
}

.dialog-image-preview .video {
  width: 100%;
  object-fit: fill;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  border-radius: 12px
}

#vrWrap .page-info,.dialog-image-preview .page-info {
  color: #fff;
  position: absolute;
  font-size: 14px;
  left: 50%;
  bottom: 40px;
  transform: translateX(-50%);
  z-index: 1012;
  background: rgb(0,0,0,.4);
  border-radius: 14px;
  padding: 4px 20px;
  line-height: 20px
}

.dialog-image-preview.zoom-y .dialog-con .dialog-source-wrap {
  transform: scale(2)
}

.dialog-image-preview .image.auto-size {
  max-height: none;
  max-width: none;
  cursor: zoom-out
}

#vrWrap .vr-icon-btn,.dialog-image-preview .icon-btn {
  position: fixed;
  cursor: pointer;
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(https://img.bosszhipin.com/static/file/2023/tx0lc6huv01678784785264.png) 0 0/85px auto no-repeat;
  z-index: 1012
}

#vrWrap .page-info,#vrWrap .vr-icon-btn {
  z-index: 1012
}

#vrWrap .vr-icon-btn:hover,.dialog-image-preview .icon-btn:hover {
  background-position-x: -45px
}

#vrWrap .vr-btn-prev,.dialog-image-preview .btn-prev {
  left: 60px;
  top: 50%;
  transform: translateY(-50%);
  background-position: 0 -130px;
  height: 80px
}

#vrWrap .vr-btn-next,.dialog-image-preview .btn-next {
  right: 60px;
  top: 50%;
  height: 80px;
  transform: translateY(-50%);
  background-position: 0 -45px
}

#vrWrap .vr-btn-cancel,.dialog-image-preview .btn-cancel {
  top: 60px;
  right: 60px;
  background-position: 0 0
}

#vrWrap {
  display: block;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1011;
  display: none;
  background: #444
}

#vrWrap .VRIfram {
  position: absolute;
  width: 100vw;
  height: 100vh
}

.job-body-wrapper {
  background: #f2f4f7
}

.job-body-wrapper:before {
  content: ' ';
  position: absolute;
  top: 49px;
  left: 0;
  right: 0;
  height: 614px;
  background: linear-gradient(180deg,#00bebd 0,#88fffe 50%,#fff 100%);
  opacity: .1;
  z-index: -1
}

.job-body-wrapper .nav-search .suggest-result {
  width: 221px;
  left: 30px;
  top: 49px
}

.job-body-wrapper .nav-search .search-find-box {
  width: 300px;
  left: 30px;
  top: 49px
}

.job-body-wrapper .job-banner {
  background: linear-gradient(90deg,#3b526a 0,#345a6d 100%);
  padding: 18px 0 20px 0
}

.job-body-wrapper .detail-box .info-primary {
  position: relative;
  padding-top: 35px;
  width: 680px
}

.job-body-wrapper .detail-box .job-status {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  color: #fff;
  height: 22px;
  line-height: 22px
}

.job-body-wrapper .detail-box .job-close-status {
  font-size: 16px;
  color: #fff;
  line-height: 22px;
  padding: 2px 8px;
  border-radius: 4px;
  background: rgba(247,115,105,.79)
}

.job-body-wrapper .job-status .job-medium-icon {
  height: 22px
}

.job-body-wrapper .job-status .school-enterprise-icon {
  display: inline-block;
  width: 252px;
  height: 24px;
  vertical-align: middle;
  margin-left: 10px;
  cursor: pointer;
  background: url(https://img.bosszhipin.com/static/file/2022/1ahvmxadsw1662099028075.png) 0 0/252px auto no-repeat
}

.job-body-wrapper .job-status .school-enterprise-icon:hover {
  background-position: 0 -24px
}

.job-body-wrapper .job-banner .name {
  padding: 0;
  line-height: 41px;
  height: 41px
}

.job-body-wrapper .job-banner .name h1 {
  font-size: 28px;
  font-weight: 600;
  color: #fff;
  line-height: 40px;
  margin-right: 30px;
  margin-top: 1px;
  max-width: 360px
}

.job-body-wrapper .job-banner .salary {
  font-size: 34px;
  font-family: kanzhun-Regular,kanzhun;
  color: #f26d49;
  line-height: 41px;
  height: auto;
  font-weight: 400;
  position: relative;
  top: -2px
}

.job-body-wrapper .job-banner .info-primary p {
  margin-top: 16px;
  margin-bottom: 0;
  color: #fff
}

.job-body-wrapper .job-banner .info-primary p .brand-name {
  margin-right: 20px
}

.job-body-wrapper .job-banner .info-primary p .text-desc {
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  height: 20px;
  margin-right: 20px
}

.job-body-wrapper .job-banner p .text-desc:before {
  content: ' ';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  background: url(https://img.bosszhipin.com/static/file/2022/wm53eabd0l1661998623137.png) 0 0/16px auto no-repeat
}

.job-body-wrapper .job-banner .info-primary p .text-experiece:before {
  background-position: 0 -32px
}

.job-body-wrapper .job-banner .info-primary p .text-degree:before {
  background-position: 0 -48px
}

.job-body-wrapper .job-banner .info-primary p .text-pay:before {
  background-position: 0 -64px
}

.job-body-wrapper .job-banner .info-primary p .text-city {
  transition: none
}

.job-body-wrapper .job-banner .info-primary p .text-city:hover {
  color: #00e6e4
}

.job-body-wrapper .job-banner .info-primary p .text-city:hover:before {
  background-position: 0 -16px
}

.job-body-wrapper .job-banner .job-op {
  margin-top: 20px
}

.job-body-wrapper .job-banner .op-container {
  right: -504px;
  width: 284px
}

.job-body-wrapper .detail-box .job-op .btn-container .btn {
  width: 150px;
  border-radius: 12px;
  font-size: 18px;
  line-height: 43px;
  height: 45px;
  transition: all .2s linear;
  box-sizing: border-box
}

.job-body-wrapper .detail-box .job-op .btn-container .btn-interest,.job-body-wrapper .detail-box .job-op .btn-container .btn-outline {
  color: #00d1d0;
  border: 1px solid #00bebd
}

.job-body-wrapper .detail-box .job-op .btn-container .btn-interest:hover,.job-body-wrapper .detail-box .job-op .btn-container .btn-outline:hover {
  color: #00e6e4;
  background: rgba(0,190,189,.1);
  border: 1px solid #00e6e4
}

.job-body-wrapper .detail-box .job-op .btn-container .btn-interest:before {
  background: url(https://img.bosszhipin.com/static/file/2022/522c2lv9sq1661499296747.png) 0 0/24px auto no-repeat;
  width: 24px;
  height: 24px;
  transition: none
}

.job-body-wrapper .detail-box .job-op .btn-container .btn-interest.active:before,.job-body-wrapper .detail-box .job-op .btn-container .btn-interest:hover:before {
  background-position: 0 -24px
}

.job-body-wrapper .detail-box .job-op .btn-container .btn-startchat {
  background: #00bebd;
  color: #fff;
  border: 1px solid #00bebd
}

.job-body-wrapper .detail-box .job-op .btn-container .btn-startchat:hover {
  background: #00d1d0;
  border: 1px solid #00d1d0
}

.job-body-wrapper .detail-box .job-op .btn-container .btn-more {
  width: 260px;
  background: #00bebd;
  border: 1px solid #00bebd;
  border-radius: 12px
}

.job-body-wrapper .detail-box .job-op .btn-container .btn-more:hover {
  background: #00d1d0;
  border: 1px solid #00d1d0
}

.job-body-wrapper .detail-box .tag-container-new {
  margin-top: 36px;
  width: 480px
}

.job-body-wrapper .tag-container-new .tag-more .link-more {
  height: 26px;
  line-height: 21px;
  background: rgba(255,255,255,.05);
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
  padding: 0 8px;
  border: none;
  margin: 0;
  font-weight: 500;
  letter-spacing: 2px;
  text-align: center;
  border: 1px solid transparent
}

.job-body-wrapper .tag-container-new .tag-more .link-more:hover {
  background: rgba(0,190,189,.1);
  border: 1px solid #00e6e4;
  color: #00e6e4
}

.job-body-wrapper .job-tags span {
  height: 28px;
  line-height: 28px;
  background: rgba(255,255,255,.05);
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
  padding: 0 8px;
  border: none;
  margin-right: 8px;
  margin-bottom: 8px
}

.job-body-wrapper .tag-container-new .tag-more .tag-all {
  width: 500px;
  background: #fff;
  box-shadow: 0 4px 16px 0 rgba(0,0,0,.08);
  border-radius: 8px;
  padding: 14px 12px;
  top: 36px;
  right: 0
}

.job-body-wrapper .tag-container-new .tag-more .tag-all:before {
  content: none
}

.job-body-wrapper .tag-more .job-tags span {
  background: rgba(0,190,189,.1);
  color: #00a6a7;
  margin: 6px 8px
}

.job-body-wrapper .job-banner .op-container a {
  font-size: 16px;
  color: #fff;
  line-height: 22px
}

.job-body-wrapper .job-banner .op-container a:hover {
  color: #00e6e4
}

.job-body-wrapper .job-banner .op-container .icon {
  vertical-align: middle;
  position: relative;
  top: -2px;
  width: 18px;
  height: 18px;
  background: url(https://img.bosszhipin.com/static/file/2022/tsai5diw351661504694017.png) 0 0/18px auto no-repeat
}

.job-body-wrapper .job-banner .op-container .icon-resume .icon {
  background-position: 0 -18px
}

.job-body-wrapper .job-banner .op-container .icon-resume-login,.job-body-wrapper .job-banner .op-container .icon-upload-login {
  color: #00d1d0
}

.job-body-wrapper .job-banner .op-container .icon-resume-login:hover,.job-body-wrapper .job-banner .op-container .icon-upload-login:hover {
  color: #00e6e4
}

.job-body-wrapper .job-banner .op-container .icon-upload-login .icon {
  background-position: 0 -36px
}

.job-body-wrapper .job-banner .op-container .icon-upload-login:hover .icon,.job-body-wrapper .job-banner .op-container .icon-upload:hover .icon {
  background-position: 0 -72px
}

.job-body-wrapper .job-banner .op-container .icon-resume-login .icon {
  background-position: 0 -54px
}

.job-body-wrapper .job-banner .op-container .icon-resume-login:hover .icon,.job-body-wrapper .job-banner .op-container .icon-resume:hover .icon {
  background-position: 0 -90px
}

.job-body-wrapper .smallbanner {
  background: linear-gradient(90deg,#3b526a 0,#345a6d 100%);
  padding: 20px 0
}

.job-body-wrapper .smallbanner .company-info {
  width: 680px
}

.job-body-wrapper .smallbanner .name .badge {
  font-size: 34px;
  font-family: kanzhun-Regular,kanzhun;
  color: #f26d49;
  line-height: 41px;
  height: auto;
  font-weight: 400;
  position: relative;
  top: -2px
}

.job-body-wrapper .smallbanner .name {
  line-height: 41px;
  height: 41px
}

.job-body-wrapper .smallbanner .tag-container-new {
  margin-top: 10px
}

.job-body-wrapper .smallbanner .name .job-title {
  font-size: 28px;
  font-weight: 600;
  color: #fff;
  line-height: 40px;
  margin-right: 30px;
  margin-top: 1px
}

.job-body-wrapper .smallbanner .detail-op {
  margin-top: 20px;
  display: flex;
  align-items: center
}

.job-body-wrapper .smallbanner .detail-op .btn {
  width: 150px;
  border-radius: 12px;
  font-size: 18px;
  line-height: 43px;
  height: 45px;
  transition: all .2s linear;
  box-sizing: border-box
}

.job-body-wrapper .smallbanner .detail-op .btn-interest,.job-body-wrapper .smallbanner .detail-op .btn-outline {
  color: #00d1d0;
  border: 1px solid #00bebd
}

.job-body-wrapper .smallbanner .detail-op .btn-interest:hover,.job-body-wrapper .smallbanner .detail-op .btn-outline:hover {
  color: #00e6e4;
  background: rgba(0,190,189,.1);
  border: 1px solid #00e6e4
}

.job-body-wrapper .smallbanner .detail-op .btn-interest:before {
  background: url(https://img.bosszhipin.com/static/file/2022/522c2lv9sq1661499296747.png) 0 0/24px auto no-repeat;
  width: 24px;
  height: 24px;
  transition: none
}

.job-body-wrapper .smallbanner .detail-op .btn-interest.active:before,.job-body-wrapper .smallbanner .detail-op .btn-interest:hover:before {
  background-position: 0 -24px
}

.job-body-wrapper .smallbanner .detail-op .btn-startchat {
  background: #00bebd;
  color: #fff;
  border: 1px solid #00bebd
}

.job-body-wrapper .smallbanner .detail-op .btn-startchat:hover {
  background: #00d1d0;
  border: 1px solid #00d1d0
}

.job-body-wrapper .smallbanner .detail-op .btn-more {
  width: 260px;
  background: #00bebd;
  border: 1px solid #00bebd;
  border-radius: 12px
}

.job-body-wrapper .smallbanner .detail-op .btn-more:hover {
  background: #00d1d0;
  border: 1px solid #00d1d0
}

.job-body-wrapper .smallbanner .detail-op .info {
  display: block;
  float: none;
  flex: 1;
  margin-left: 30px;
  font-size: 16px;
  line-height: 22px;
  margin-top: 0
}

.job-body-wrapper .smallbanner .info .link-more {
  display: inline-flex;
  font-size: 16px;
  color: #00d1d0;
  line-height: 22px;
  margin-left: 8px;
  text-decoration: none;
  align-items: center
}

.job-body-wrapper .smallbanner .info .link-more:after {
  content: ' ';
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 5px;
  border-left: 4px solid #00d1d0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid transparent;
  transition: all .2s linear
}

.job-body-wrapper .smallbanner .info .link-more:hover {
  color: #00e6e4
}

.job-body-wrapper .smallbanner .info .link-more:hover:after {
  border-left: 4px solid #00e6e4
}

.job-body-wrapper .smallbanner .info .job-detail-guide-download-app {
  float: right;
  font-size: 16px;
  color: #00d1d0;
  line-height: 22px
}

.job-body-wrapper .smallbanner .info .job-detail-guide-immediate-login {
  float: right;
  font-size: 16px;
  color: #00d1d0;
  line-height: 22px;
  transition: all .2s linear
}

.job-body-wrapper .smallbanner .info .job-detail-guide-immediate-login:before {
  content: ' ';
  display: inline-block;
  background: url(https://img.bosszhipin.com/static/file/2022/2w7kpob7851661740872575.png) 0 -40px/18px auto no-repeat;
  width: 18px;
  height: 18px;
  margin-right: 8px
}

.job-body-wrapper .smallbanner .info .job-detail-guide-immediate-login:hover {
  color: #00e6e4
}

.job-body-wrapper .smallbanner .info .job-detail-guide-immediate-login:hover:after {
  background-position: 0 -58px
}

.job-body-wrapper .smallbanner .info .job-detail-guide-download-app-icon {
  width: 14px;
  height: 20px;
  background: url(https://img.bosszhipin.com/static/file/2022/2w7kpob7851661740872575.png) 0 0/18px auto no-repeat
}

.job-body-wrapper .smallbanner .info .job-detail-guide-download-app:hover .job-detail-guide-download-app-icon {
  background: url(https://img.bosszhipin.com/static/file/2022/2w7kpob7851661740872575.png) 0 -20px/18px auto no-repeat
}

.job-body-wrapper .job-detail-guide-download-app-v62 {
  background: #fff;
  box-shadow: 0 4px 16px 0 rgba(0,0,0,.08);
  border-radius: 8px
}

.job-body-wrapper .job-detail-guide-download-app-v62 .app-icon-v62 {
  position: relative;
  width: 130px;
  height: 170px;
  background-size: 130px 130px;
  background-position: top center
}

.job-body-wrapper .job-detail-guide-download-app-v62 .app-icon-v62:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  text-align: center;
  content: "前往App\A与BOSS随时沟通";
  font-size: 14px;
  font-weight: 500;
  color: #00a6a7;
  line-height: 20px;
  white-space: pre-wrap
}

.job-body-wrapper .job-box {
  margin-top: 16px;
  background: 0 0
}

.job-body-wrapper .job-sider {
  padding-bottom: 0
}

.job-body-wrapper .sider-company {
  border-radius: 12px;
  padding-bottom: 20px;
  background: #fff;
  margin-bottom: 16px
}

.job-body-wrapper .sider-company .title {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  padding: 12px 24px;
  background: linear-gradient(90deg,#f5fcfc 0,#fcfbfa 100%);
  margin-bottom: 0;
  border-radius: 12px 12px 0 0
}

.job-body-wrapper .sider-company .company-info {
  display: flex;
  align-items: center;
  padding: 16px 24px;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px
}

.job-body-wrapper .sider-company .company-info a:hover {
  color: #00a6a7
}

.job-body-wrapper .sider-company img {
  width: 48px;
  height: 48px;
  margin-right: 16px;
  border: 1px solid #f3f5fb;
  border-radius: 8px
}

.job-body-wrapper .sider-company p {
  padding: 0 24px;
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #333;
  line-height: 21px;
  margin-bottom: 8px
}

.job-body-wrapper .sider-company p i {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  background: url(https://img.bosszhipin.com/static/file/2022/dg1u3dcnun1661743137830.png) 0 0/16px auto no-repeat
}

.job-body-wrapper .sider-company p .icon-scale {
  background: url(https://img.bosszhipin.com/static/file/2022/dg1u3dcnun1661743137830.png) 0 -16px/16px auto no-repeat
}

.job-body-wrapper .sider-company p .icon-industry {
  background: url(https://img.bosszhipin.com/static/file/2022/dg1u3dcnun1661743137830.png) 0 -32px/16px auto no-repeat
}

.job-body-wrapper .sider-company p a {
  transition: all .2s linear;
  flex: 1
}

.job-body-wrapper .sider-company p:hover a {
  color: #00a6a7
}

.job-body-wrapper .sider-company p:hover .icon-industry {
  background: url(https://img.bosszhipin.com/static/file/2022/dg1u3dcnun1661743137830.png) 0 -48px/16px auto no-repeat
}

.job-body-wrapper .sider-company .look-all {
  position: relative;
  border-radius: 8px;
  border: 1px solid #00bebd;
  font-weight: 500;
  color: #00a6a7;
  line-height: 20px;
  padding: 7px 0;
  text-align: center;
  display: block;
  width: 158px;
  margin: 24px auto 0;
  transition: all .2s linear
}

.job-body-wrapper .sider-company .look-all:hover {
  background: #00bebd;
  color: #fff
}

.job-body-wrapper .sider-company .look-all:hover:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 7px;
  z-index: 0;
  width: 70px;
  height: 22px;
  background: url(https://img.bosszhipin.com/static/file/2022/pqiygk26lv1661743616985.png) 0 0/70px auto no-repeat
}

.job-body-wrapper .similar-job-wrapper {
  margin-bottom: 16px;
  padding-bottom: 20px;
  background: #fff;
  border-radius: 12px
}

.job-body-wrapper .similar-job-wrapper h3 {
  padding: 12px 24px;
  background: linear-gradient(90deg,#f5fcfc 0,#fcfbfa 100%);
  border-radius: 12px 12px 0 0;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px
}

.job-body-wrapper .similar-job-wrapper h3 a {
  font-size: 15px;
  color: #00a6a7;
  line-height: 21px;
  float: right;
  font-weight: 400;
  margin-top: 1px;
  display: flex;
  align-items: center;
  transition: all .2s linear
}

.job-body-wrapper .similar-job-wrapper h3 a:after {
  content: ' ';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid #00a6a7;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-right: 4px solid transparent;
  margin-left: 4px
}

.job-body-wrapper .similar-job-wrapper h3 a:hover {
  font-weight: 500
}

.job-body-wrapper .similar-job-wrapper .similar-job-list {
  padding: 8px 8px 0
}

.job-body-wrapper .similar-job-wrapper li {
  border-radius: 8px;
  padding: 12px 16px;
  transition: all .2s linear
}

.job-body-wrapper .similar-job-wrapper li:hover .similar-job-name {
  color: #00a6a7
}

.job-body-wrapper .similar-job-wrapper li>a {
  display: block
}

.job-body-wrapper .similar-job-wrapper .similar-job-info {
  display: flex;
  justify-content: space-between
}

.job-body-wrapper .similar-job-wrapper .similar-job-name {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  line-height: 22px;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 120px
}

.job-body-wrapper .similar-job-wrapper .similar-job-salary {
  font-size: 20px;
  font-family: kanzhun-Regular,kanzhun;
  color: #fe574a;
  line-height: 24px;
  white-space: nowrap;
  position: relative;
  top: -2px
}

.job-body-wrapper .similar-job-wrapper .similar-job-attr {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.job-body-wrapper .similar-job-wrapper .similar-job-company {
  display: flex;
  align-items: center
}

.job-body-wrapper .similar-job-wrapper .similar-job-company:hover .company-name {
  color: #00a6a7;
  font-weight: 500
}

.job-body-wrapper .similar-job-wrapper .similar-job-company.is-anonymity:hover .company-name {
  color: #666;
  font-weight: 400
}

.job-body-wrapper .similar-job-wrapper .similar-job-attr .job-company-logo {
  margin-right: 8px;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  border: 1px solid #f3f5fb
}

.job-body-wrapper .similar-job-wrapper .similar-job-attr img {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  display: block
}

.job-body-wrapper .similar-job-wrapper .company-name {
  font-size: 13px;
  color: #666;
  line-height: 18px;
  word-break: break-all;
  transition: all .2s linear
}

.job-body-wrapper .similar-job-wrapper .similar-job-location {
  white-space: nowrap;
  font-size: 13px;
  color: #666;
  line-height: 18px
}

.job-body-wrapper .similar-job-wrapper li:hover {
  background: #f7f7f7
}

.job-body-wrapper .similar-job-wrapper .look-all {
  width: 158px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  margin: 16px auto 0;
  display: block;
  border-radius: 8px;
  border: 1px solid #00bebd;
  font-size: 14px;
  font-weight: 500;
  color: #00a6a7;
  transition: all .2s linear
}

.job-body-wrapper .similar-job-wrapper .look-all:hover {
  background: #00bebd;
  color: #fff
}

.job-body-wrapper .promotion-img {
  border-radius: 12px;
  margin-bottom: 16px;
  overflow: hidden
}

.job-body-wrapper .promotion-img a {
  position: relative
}

.job-body-wrapper .promotion-img a:after {
  content: " ";
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,.1);
  transition: all .2s linear
}

.job-body-wrapper .promotion-img a:hover:after {
  opacity: 1
}

.job-body-wrapper .job-detail {
  border: none;
  padding-right: 0;
  margin-right: 300px;
  padding-bottom: 0
}

.job-body-wrapper .job-detail-section {
  background: #fff;
  border-radius: 12px;
  padding: 20px 30px
}

.job-body-wrapper .detail-hasmore-box {
  margin-bottom: 16px;
  border-radius: 12px
}

.job-body-wrapper .detail-hasmore-box.detail-hasmore {
  height: 260px;
  overflow: hidden
}

.job-body-wrapper .detail-hasmore-box .detail-hasmore-layer {
  height: 60px;
  background: linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 48%,#fff 100%);
  border-radius: 0 0 12px 12px;
  padding-top: 0
}

.job-body-wrapper .detail-hasmore-box .detail-hasmore-layer .detail-hasmore-btn {
  font-size: 15px;
  color: #00a6a7;
  height: 21px;
  line-height: 21px;
  margin-top: 23px;
  transition: all .2s linear
}

.job-body-wrapper .detail-hasmore-box .detail-hasmore-layer .detail-hasmore-btn:hover {
  font-weight: 500
}

.job-body-wrapper .detail-hasmore-box .detail-hasmore-layer .detail-hasmore-btn:hover:after {
  opacity: .8
}

.job-body-wrapper .detail-hasmore-box .detail-hasmore-layer .detail-hasmore-btn:after {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  width: 4px;
  height: 7px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat;
  transform: rotate(90deg);
  transition: all .2s linear;
  margin-left: 8px
}

.job-body-wrapper .job-detail-section+.job-detail-section {
  margin-top: 16px
}

.job-body-wrapper .job-detail-section .detail-section-item {
  margin-bottom: 20px
}

.job-body-wrapper .job-detail-section .detail-section-item:last-child {
  margin-bottom: 0
}

.job-body-wrapper .job-detail-section h3 {
  font-size: 18px;
  font-weight: 600;
  color: #222;
  line-height: 25px;
  margin-bottom: 20px
}

.job-body-wrapper .detail-content-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px
}

.job-body-wrapper .detail-content-header h3 {
  margin-bottom: 0
}

.job-body-wrapper .job-keyword-list {
  overflow: hidden
}

.job-body-wrapper .job-keyword-list li {
  margin-top: 8px;
  margin-right: 8px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  float: left;
  padding: 4px 12px;
  white-space: nowrap;
  background: #f8f8f8;
  border-radius: 4px
}

.job-body-wrapper .job-sec-text {
  white-space: pre-wrap;
  word-break: break-all;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 28px;
  color: #333;
  font-size: 15px;
  text-align: justify;
  letter-spacing: 0
}

.job-body-wrapper #wechat-qrcode-wrap {
  box-shadow: 0 4px 16px 0 rgba(0,0,0,.08);
  border: 1px solid #ededed;
  border-radius: 12px;
  width: 160px;
  height: 160px
}

.job-body-wrapper #wechat-qrcode-wrap .qrcode {
  border-radius: 12px
}

.job-body-wrapper #wechat-qrcode-wrap .qrcode-img {
  width: 130px;
  height: 130px
}

.job-body-wrapper #wechat-qrcode-wrap .brand-logo {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  left: 50px;
  top: 50px
}

.job-body-wrapper .detail-section-operate .link-wechat-share {
  position: relative;
  display: inline-flex;
  align-items: center
}

.job-body-wrapper .detail-section-operate .link-wechat-share:before {
  content: ' ';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  background: url(https://img.bosszhipin.com/static/file/2022/a1rf1ikjew1661779185140.png) 0 0/16px auto no-repeat
}

.job-body-wrapper .detail-section-operate .link-wechat-share:hover {
  color: #00a6a7
}

.job-body-wrapper .detail-section-operate .link-wechat-share:hover:before {
  background-position: 0 -16px
}

.job-body-wrapper .detail-section-operate .link-report {
  display: inline-flex;
  align-items: center;
  margin-left: 24px
}

.job-body-wrapper .detail-section-operate .link-report:before {
  content: ' ';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  background: url(https://img.bosszhipin.com/static/file/2022/a1rf1ikjew1661779185140.png) 0 -32px/16px auto no-repeat
}

.job-body-wrapper .detail-section-operate .link-report:hover {
  color: #00a6a7
}

.job-body-wrapper .detail-section-operate .link-report:hover:before {
  background-position: 0 -48px
}

.job-body-wrapper .company-certification {
  margin-top: 20px
}

.job-body-wrapper .company-certification .company-certification-icon {
  width: 20px;
  height: 20px;
  margin-left: 6px;
  cursor: pointer;
  background: url(https://img.bosszhipin.com/static/file/2022/nbd52nuweh1661776609662.png) 0 0/20px auto no-repeat
}

.job-body-wrapper .company-certification .company-certification-icon:hover {
  background: url(https://img.bosszhipin.com/static/file/2022/nbd52nuweh1661776609662.png) 0 -20px/20px auto no-repeat
}

.job-body-wrapper .company-certification .certification-tags {
  margin: 20px 0 22px 0
}

.job-body-wrapper .company-certification .certification-tags li {
  margin-bottom: 8px;
  margin-right: 16px;
  margin-top: 0;
  margin-left: 0;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  padding: 4px 12px;
  background: #f8f8f8;
  border-radius: 4px;
  height: auto;
  border: none;
  white-space: nowrap
}

.job-body-wrapper .work-time-info .work-time-tags {
  overflow: hidden
}

.job-body-wrapper .work-time-info .work-time-tags li {
  float: left;
  margin-top: 8px;
  margin-right: 16px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  padding: 4px 12px;
  background: #f8f8f8;
  border-radius: 4px;
  white-space: nowrap
}

.job-body-wrapper .obstacle-case .obstacle-case-list {
  margin-top: 12px
}

.job-body-wrapper .obstacle-case .obstacle-case-single {
  margin-top: 20px
}

.job-body-wrapper .other-info {
  margin-bottom: 30px
}

.job-body-wrapper .cost-info {
  margin-bottom: 30px
}

.job-body-wrapper .job-boss-info {
  border-top: 1px solid #ededed;
  padding-top: 20px
}

.job-body-wrapper .job-boss-info .detail-figure {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  border: 1px solid #f6fdfd;
  border-radius: 100%
}

.job-body-wrapper .job-boss-info .detail-figure img {
  width: 56px;
  height: 56px;
  display: block;
  margin-right: 0
}

.job-body-wrapper .job-boss-info .name {
  font-size: 20px;
  font-weight: 500;
  color: #222;
  line-height: 28px;
  display: flex;
  align-items: center
}

.job-body-wrapper .job-boss-info .icon-vip {
  width: 20px;
  height: 20px;
  margin-left: 8px;
  margin-top: 0;
  background: url(https://img.bosszhipin.com/static/file/2022/dcxvc4yjp41661777557709.png) 0 0/20px auto no-repeat
}

.job-body-wrapper .job-boss-info .boss-desc {
  padding: 2px 7px;
  background: rgba(58,152,252,.1);
  border-radius: 11px;
  color: #3a98fc;
  font-size: 12px;
  margin-left: 18px;
  display: inline-block;
  vertical-align: middle;
  line-height: 17px
}

.job-body-wrapper .job-boss-info .boss-online-tag {
  margin-left: 16px
}

.job-body-wrapper .job-boss-info .gold-interviewer-tag {
  display: inline-block;
  width: 100px;
  height: 24px;
  margin-left: 16px;
  vertical-align: middle;
  background: url(https://img.bosszhipin.com/static/file/2022/mrcpozld5c1672025396962.png) 0 0/100% auto no-repeat
}

.job-body-wrapper .job-boss-info .boss-active-time {
  font-size: 14px;
  color: #999;
  line-height: 20px;
  margin-left: 16px;
  font-weight: 400
}

.job-body-wrapper .job-boss-info .boss-info-attr {
  font-size: 15px;
  color: #666;
  line-height: 21px;
  margin-top: 8px;
  display: flex;
  align-items: center
}

.job-body-wrapper .job-boss-info .geek-evaluate-start {
  margin-left: 16px;
  font-size: 14px;
  font-weight: 500;
  color: #ed7e07;
  line-height: 20px;
  display: inline-flex;
  align-items: center;
  font-style: normal;
  margin-left: 8px;
  overflow: hidden
}

.job-body-wrapper .job-boss-info .geek-evaluate-start em {
  position: relative;
  float: left;
  width: 14px;
  height: 14px;
  margin-right: 4px;
  vertical-align: middle;
  background: url(https://img.bosszhipin.com/static/file/2022/iie30gdn241662112827355.png) 0 0/14px auto no-repeat
}

.job-body-wrapper .job-boss-info .geek-evaluate-start em.full-star {
  background-position: 0 -14px
}

.job-body-wrapper .job-boss-info .geek-evaluate-start em.half-star {
  background-position: 0 -28px
}

.job-body-wrapper .job-boss-info .geek-evaluate-start em:last-child {
  margin-right: 8px
}

.job-body-wrapper .job-boss-info .ranking-tag-icon {
  background: rgba(0,190,189,.1);
  border-radius: 4px;
  border: none;
  font-size: 14px;
  color: #00a6a7;
  line-height: 20px;
  padding: 4px 8px;
  margin-left: 16px;
  margin-top: 0
}

.job-body-wrapper .prop-item {
  position: relative
}

.job-body-wrapper .prop-item .pull-right {
  position: absolute;
  top: 22px;
  right: 30px;
  z-index: 1
}

.job-body-wrapper .prop-item .prop-container {
  margin-bottom: 28px
}

.job-body-wrapper .prop-item .prop-detail {
  margin-top: 16px;
  margin-bottom: 30px;
  font-size: 15px;
  color: #333;
  line-height: 21px
}

.job-body-wrapper .prop-item .prop-detail .link-detail {
  font-size: 15px;
  color: #00a6a7;
  line-height: 22px;
  transition: all .2s linear
}

.job-body-wrapper .prop-item .prop-detail .link-detail:hover {
  font-weight: 500
}

.job-body-wrapper .prop-item .prop-container span+span {
  margin-left: 3px
}

.job-body-wrapper .prop-item .prop-container em {
  font-size: 16px;
  color: #999;
  line-height: 22px;
  font-style: normal;
  left: -18px;
  top: 14px
}

.job-body-wrapper .prop-item .prop-container span {
  width: 20%
}

.job-body-wrapper .prop-item .prop-container .level-1 {
  background: linear-gradient(90deg,#507ef2 0,#539ff2 100%)
}

.job-body-wrapper .prop-item .prop-container .level-2 {
  background: linear-gradient(90deg,#53a0f2 0,#56c1f2 100%)
}

.job-body-wrapper .prop-item .prop-container .level-3 {
  background: linear-gradient(90deg,#56c3f2 0,#5cd6e7 100%)
}

.job-body-wrapper .prop-item .prop-container .level-4 {
  background: linear-gradient(90deg,#5ed8e8 0,#63e4d7 100%)
}

.job-body-wrapper .prop-item .prop-container .level-5 {
  background: linear-gradient(90deg,#63e5d7 0,#6af3c7 100%)
}

.job-body-wrapper .security-box {
  margin: 16px 0;
  border: none;
  background: url(https://img.bosszhipin.com/static/file/2022/e80yqyvz0u1661829813750.png) 0 0/100% auto no-repeat
}

.job-body-wrapper .security-box h3 {
  margin-bottom: 0;
  padding-bottom: 0
}

.job-body-wrapper .security-box p {
  margin-top: 16px;
  font-size: 14px;
  color: #333;
  line-height: 26px;
  padding-right: 224px;
  padding-left: 0
}

.job-body-wrapper .security-box p:before {
  content: none
}

.job-body-wrapper .security-box .link-report {
  color: #3491fa
}

.job-body-wrapper .security-box .link-report:hover {
  color: #57a9fb
}

.job-body-wrapper .security-box .link-info {
  display: inline-block;
  margin-top: 16px;
  color: #999;
  line-height: 20px;
  margin-bottom: 10px
}

.job-body-wrapper .security-box .link-info:before {
  content: '*';
  position: static;
  display: inline-block;
  width: auto;
  height: auto;
  background: 0 0
}

.job-body-wrapper .security-box .link-info:after {
  content: ' ';
  display: inline-block;
  margin-left: 7px;
  width: 0;
  height: 0;
  border-left: 4px solid #b8bbcc;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid transparent
}

.job-body-wrapper .security-box .link-info:hover {
  color: #00a6a7
}

.job-body-wrapper .security-box .link-info:hover:after {
  border-left: 4px solid #00a6a7
}

.job-body-wrapper .security-box .link-report:hover {
  color: #57a9fb
}

.job-body-wrapper .company-info-box {
  position: relative
}

.job-body-wrapper .company-info-box.expand {
  padding-bottom: 16px
}

.job-body-wrapper .company-info-box.expand .fold-text {
  max-height: none
}

.job-body-wrapper .company-info-box.expand .look-all:after {
  transform: rotate(270deg)
}

.job-body-wrapper .company-info-box.expand .look-all {
  bottom: 14px
}

.job-body-wrapper .company-info-box .look-all {
  display: none;
  position: absolute;
  background: linear-gradient(270deg,#fff 65%,rgba(255,255,255,0) 100%);
  width: 120px;
  text-align: right;
  font-size: 15px;
  color: #00a6a7;
  line-height: 21px;
  padding: 4px 14px 4px 0;
  z-index: 1;
  right: 0;
  bottom: 1px;
  transition: color .2s linear;
  box-sizing: border-box
}

.job-body-wrapper .company-info-box .look-all:after {
  content: ' ';
  position: absolute;
  top: 11px;
  right: 0;
  z-index: 1;
  width: 4px;
  height: 7px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat;
  transform: rotate(90deg);
  transition: all .2s linear
}

.job-body-wrapper .company-info-box .look-all:hover {
  font-weight: 500
}

.job-body-wrapper .company-info-box .fold-text {
  max-height: 85px;
  overflow: hidden
}

.job-body-wrapper .business-info-box .level-list-box {
  background: #f8f8f8;
  border-radius: 12px;
  padding: 20px
}

.job-body-wrapper .business-info-box .level-list {
  height: auto;
  overflow: hidden;
  margin-top: 0
}

.job-body-wrapper .business-info-box .level-list li {
  float: left;
  padding-right: 5px;
  margin-top: 0;
  margin-bottom: 30px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

.job-body-wrapper .business-info-box .level-list li span {
  display: block;
  font-size: 14px;
  color: #999;
  line-height: 20px;
  margin-bottom: 8px
}

.job-body-wrapper .business-info-box .company-name,.job-body-wrapper .business-info-box .company-type {
  width: 420px
}

.job-body-wrapper .business-info-box .company-user,.job-body-wrapper .business-info-box .manage-state {
  width: 210px
}

.job-body-wrapper .business-info-box .company-fund,.job-body-wrapper .business-info-box .res-time {
  width: 150px
}

.job-body-wrapper .business-info-box .look-all {
  position: relative;
  display: block;
  margin: 0 auto -4px;
  width: 84px;
  text-align: center;
  font-size: 15px;
  color: #00a6a7;
  line-height: 21px;
  transition: all .2s linear
}

.job-body-wrapper .business-info-box .look-all:hover {
  font-weight: 500
}

.job-body-wrapper .business-info-box .look-all:after {
  content: ' ';
  position: absolute;
  top: 7px;
  right: 0;
  z-index: 1;
  width: 4px;
  height: 7px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat;
  transform: rotate(90deg);
  transition: all .2s linear
}

.job-body-wrapper .company-address .job-location {
  border-radius: 12px;
  border: 1px solid #ededed;
  box-shadow: none;
  overflow: hidden
}

.job-body-wrapper .company-address .job-location p {
  font-size: 14px;
  color: #333;
  line-height: 20px;
  padding: 8px 16px 8px 40px;
  background: url(https://img.bosszhipin.com/static/file/2022/oqp2zomui31661947170536.png) 12px 7px/21px 21px no-repeat,#fff;
  box-shadow: 0 3px 40px 0 rgba(153,153,153,.3);
  border-radius: 12px
}

.job-body-wrapper .company-address .job-location p:hover {
  color: #00a6a7;
  font-weight: 500
}

.job-body-wrapper .company-address .location-address {
  font-size: 16px;
  color: #333;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 12px 20px 12px 46px;
  background: url(https://img.bosszhipin.com/static/file/2022/o72wdj3x0v1661946739252.png) 20px 14px/18px auto no-repeat
}

.job-body-wrapper .company-address .job-location-map {
  width: auto;
  height: 171px
}

.job-body-wrapper .map-pop .dialog-container {
  border-radius: 12px;
  margin: -198px 0 0 -360px
}

.job-body-wrapper .map-pop .map-container {
  margin: 12px;
  border-radius: 4px
}

.job-body-wrapper .job-location-width {
  width: 620px;
  height: 396px;
  background: #fff;
  border-radius: 12px
}

.job-body-wrapper .job-location-width #map-container {
  height: 322px
}

.job-body-wrapper .map-pop .location-address {
  font-size: 16px;
  color: #333;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 14px 20px 14px 46px;
  border-radius: 12px 12px 0 0;
  background: url(https://img.bosszhipin.com/static/file/2022/o72wdj3x0v1661946739252.png) 20px 16px/18px auto no-repeat,linear-gradient(90deg,#f5fcfc 0,#fcfbfa 100%);
  border: none
}

.job-body-wrapper .icon-close:after,.job-body-wrapper .icon-close:before {
  background: #999
}

.job-body-wrapper .job-address-box .title {
  display: inline-block;
  font-size: 15px;
  color: #333
}

.job-body-wrapper .job-address-box .all-address-btn {
  color: #00a6a7;
  transition: all .2s linear
}

.job-body-wrapper .job-address-box .all-address-btn:hover {
  font-weight: 500
}

.job-body-wrapper .look-job-box h3 {
  margin-bottom: 16px
}

.job-body-wrapper .look-job-more {
  position: relative;
  float: right;
  font-size: 16px;
  color: #00a6a7;
  font-weight: 400;
  line-height: 22px;
  display: flex;
  align-items: center;
  margin-top: 1px
}

.job-body-wrapper .look-job-more:after {
  content: ' ';
  display: inline-block;
  margin-left: 4px;
  z-index: 1;
  width: 4px;
  height: 7px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat;
  transition: all .2s linear
}

.job-body-wrapper .look-job-more:hover {
  font-weight: 500
}

.job-body-wrapper .look-job-more:hover:after {
  opacity: .8
}

.job-body-wrapper .more-job-section .look-job-list {
  overflow: hidden
}

.job-body-wrapper .more-job-section .look-job-list li {
  position: relative;
  float: left
}

.job-body-wrapper .more-job-section .look-job-list li:nth-child(3n):after {
  content: none
}

.job-body-wrapper .more-job-section .look-job-list li:last-child:after {
  content: none
}

.job-body-wrapper .more-job-section .look-job-list li:nth-child(3n) a {
  margin-left: 8px
}

.job-body-wrapper .more-job-section .look-job-list li:nth-child(3n+1) a {
  margin-right: 8px
}

.job-body-wrapper .more-job-section .look-job-list li:nth-child(3n+2) a {
  margin-right: 8px;
  margin-left: 8px
}

.job-body-wrapper .more-job-section .look-job-list li a {
  display: block;
  width: 264px;
  height: 90px;
  border-radius: 12px;
  padding: 12px 16px;
  margin-bottom: 8px;
  border-radius: 12px;
  border: 1px solid #ededed;
  box-sizing: border-box;
  transition: all .2s linear
}

.job-body-wrapper .more-job-section .look-job-list li a:hover {
  background: #f7f7f7;
  border: 1px solid #f7f7f7
}

.job-body-wrapper .more-job-section .look-job-list li a:hover .info-job .name {
  color: #00a6a7
}

.job-body-wrapper .more-job-section .look-job-list .info-job {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.job-body-wrapper .more-job-section .look-job-list .info-job .name {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  line-height: 22px;
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 4px;
  max-width: 120px
}

.job-body-wrapper .more-job-section .look-job-list .info-job .salary {
  font-size: 20px;
  font-family: kanzhun-Regular,kanzhun;
  color: #fe574a;
  line-height: 24px;
  white-space: nowrap;
  flex: 1;
  text-align: right
}

.job-body-wrapper .more-job-section .look-job-list .info-company {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  color: #666;
  line-height: 18px
}

.job-body-wrapper .more-job-section .look-job-list .info-company .info-company-logo {
  display: flex;
  align-items: center
}

.job-body-wrapper .more-job-section .look-job-list .info-company .company-logo-image {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  margin-right: 8px;
  border: 1px solid #f3f5fb
}

.job-body-wrapper .more-job-section .look-job-list .info-company .company-logo-image img {
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 4px
}

.job-body-wrapper .more-job-section .look-job-list .info-company .info-company-logo:hover .company-logo-name {
  color: #00a6a7
}

.job-body-wrapper .more-job-section .look-job-list .info-company .info-company-logo.is-anonymity:hover .company-logo-name {
  color: #666
}

.job-body-wrapper .job-detail .omnibus-job-box h3 {
  margin-bottom: 16px
}

.job-body-wrapper .omnibus-job-box .omnibus-slider-main {
  overflow: hidden;
  height: 196px;
  width: 824px;
  position: relative
}

.job-body-wrapper .omnibus-job-box .omnibus-slider-main>ul {
  height: 196px;
  overflow: hidden
}

.job-body-wrapper .omnibus-job-box .omnibus-slider-main>ul>li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
  height: 196px
}

.job-body-wrapper .omnibus-job-box .omnibus-slider-main>ul>li.cur {
  display: block
}

.job-body-wrapper .omnibus-job-box .omnibus-slider-main .slider-dot {
  position: absolute;
  height: 4px;
  overflow: hidden;
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,0);
  z-index: 9
}

.job-body-wrapper .omnibus-job-box .omnibus-slider-main .slider-dot i {
  float: left;
  width: 28px;
  height: 4px;
  background: #ededed;
  border-radius: 4px;
  margin-left: 12px;
  opacity: 1
}

.job-body-wrapper .omnibus-job-box .omnibus-slider-main .slider-dot i.cur {
  background: #00bebd
}

.job-body-wrapper .job-detail .detail-search-box {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e6e6e6;
  padding: 4px 0;
  margin-top: 30px;
  margin-bottom: 10px;
  width: 824px;
  box-sizing: border-box
}

.job-body-wrapper .job-detail .detail-search-box .search-form {
  z-index: auto
}

.job-body-wrapper .job-detail .detail-search-box form {
  box-shadow: none
}

.job-body-wrapper .job-detail .detail-search-box .search-form-con {
  width: 704px
}

.job-body-wrapper .job-detail .detail-search-box .city-sel {
  border: none;
  border-radius: 12px 0 0 12px;
  height: 32px;
  line-height: 32px
}

.job-body-wrapper .job-detail .detail-search-box .city-sel:hover b {
  color: #00a6a7
}

.job-body-wrapper .job-detail .detail-search-box .city-sel:hover .icon-arrow-down {
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.job-body-wrapper .job-detail .detail-search-box .city-sel b {
  font-size: 16px;
  color: #222
}

.job-body-wrapper .job-detail .detail-search-box .city-sel .icon-arrow-down {
  display: inline-block;
  position: absolute;
  right: 7px;
  top: 19px;
  width: 4px;
  height: 7px;
  transform: rotate(90deg);
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.job-body-wrapper .job-detail .detail-search-box .ipt-wrap {
  border: none;
  height: 46px
}

.job-body-wrapper .job-detail .detail-search-box .ipt-search {
  width: 566px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #333
}

.job-body-wrapper .job-detail .detail-search-box .btn-search {
  background: #00bebd;
  border-radius: 10px;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  width: 112px;
  line-height: 46px;
  height: 46px;
  margin-right: 4px;
  transition: all .2s linear
}

.job-body-wrapper .job-detail .detail-search-box .btn-search:hover {
  background: rgba(0,190,189,.9)
}

.job-body-wrapper .suggest-result {
  left: 112px;
  top: 58px;
  z-index: 9;
  width: 596px;
  padding: 4px 0;
  background: #fff;
  box-shadow: 0 4px 16px 0 rgba(0,0,0,.08);
  border-radius: 12px;
  overflow: hidden
}

.job-body-wrapper .search-find-box {
  left: 112px;
  top: 58px;
  z-index: 9;
  width: 596px
}

.job-body-wrapper .suggest-result ul {
  max-height: 200px
}

.job-body-wrapper .suggest-result li {
  height: 40px;
  line-height: 40px;
  color: #333;
  font-size: 14px;
  padding: 0 16px;
  border: none;
  transition: all .2s linear
}

.job-body-wrapper .suggest-result li.guess-like {
  display: block
}

.job-body-wrapper .suggest-result li.guess-like {
  display: none;
  height: 33px;
  line-height: 33px;
  font-size: 12px;
  color: #757575;
  cursor: default
}

.job-body-wrapper .suggest-result li.guess-like:hover {
  background: 0 0
}

.job-body-wrapper .suggest-result li.selected,.job-body-wrapper .suggest-result li:hover {
  background: #f8f8f8
}

.job-body-wrapper .company-certification-dialog .dialog-container {
  border-radius: 12px
}

.job-body-wrapper .city-letter-show.city-dialog .dialog-container {
  border-radius: 12px
}

.job-body-wrapper .startchat-dialog .dialog-container {
  border-radius: 12px
}

.job-body-wrapper .startchat-dialog .startchat-title {
  border-radius: 12px 12px 0 0
}

.job-body-wrapper .startchat-dialog .startchat-content {
  border-radius: 0 0 12px 12px
}

.job-body-wrapper .jconfirm .pop-sign-box .jconfirm-box {
  border-radius: 12px
}

.job-body-wrapper .job-sider .sign-wrap {
  margin-bottom: 16px
}

.job-body-wrapper .job-sider .sign-form {
  position: relative;
  background: url(https://img.bosszhipin.com/static/file/2022/myz8vq8tfh1655797191987.png) 16px 14px/auto 50px no-repeat,linear-gradient(180deg,#00bebd,#00a6a7) hsla(0,0%,100%,.21);
  border-radius: 14px;
  margin-bottom: 16px;
  padding-left: 12px;
  padding-right: 12px
}

.job-body-wrapper .job-sider .sign-form:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(180deg,rgba(54,202,202,0),#fff);
  border-radius: 12px
}

.job-body-wrapper .job-sider .sign-form .title {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  line-height: 25px;
  padding-top: 20px;
  padding-bottom: 10px
}

.job-body-wrapper .job-sider .sign-form form {
  position: relative;
  z-index: 1;
  background: linear-gradient(180deg,rgba(245,252,252,.8),#fcfbfa);
  border-radius: 12px 12px 0 0;
  border: 1px solid #f7fdfd;
  backdrop-filter: blur(7px);
  padding: 20px 18px;
  width: auto
}

.job-body-wrapper .job-sider .sign-form .ipt-wrap:hover .ipt {
  box-shadow: none;
  border: 1px solid #00bebd
}

.job-body-wrapper .job-sider .sign-form .form-btn {
  margin-top: 20px
}

.job-body-wrapper .job-sider .form-btn .btn {
  display: block;
  text-align: center;
  background: #00bebd;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  line-height: 21px;
  padding: 4px 0;
  height: 36px;
  margin-top: 20px;
  box-sizing: border-box;
  transition: all .2s linear
}

.job-body-wrapper .job-sider .form-btn .btn:hover {
  opacity: .8
}

.job-body-wrapper .job-sider .sign-form .text-tip {
  font-size: 12px;
  font-weight: 400;
  color: #666;
  line-height: 17px;
  margin-top: 12px;
  padding: 0
}

.job-body-wrapper .job-sider .sign-form .text-tip a {
  color: #00a6a7;
  transition: all .2s linear
}

.job-body-wrapper .job-sider .sign-form .dropdown-select {
  top: 0;
  height: 36px
}

.job-body-wrapper .job-sider .sign-form .dropdown-select .icon-select-arrow {
  top: 11px
}

.job-body-wrapper .job-sider .sign-form .dropdown-select .text-select {
  padding: 5px 12px 5px 0
}

.job-body-wrapper .job-sider .sign-form .icon-sign-phone,.job-body-wrapper .job-sider .sign-form .icon-sign-sms {
  position: absolute;
  left: 12px;
  top: 10px;
  width: 13px;
  height: 16px;
  background: url(https://img.bosszhipin.com/static/file/2022/glowg5q8861655467618066.png) 0 0/auto 32px no-repeat
}

.job-body-wrapper .job-sider .sign-form .tip-error {
  background: 0 0;
  position: absolute;
  left: 0;
  top: 40px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  padding: 0 0 0 12px;
  color: #f53d47;
  text-align: left;
  white-space: nowrap
}

.job-body-wrapper .job-sider .sign-form .ipt-wrap.focus-wrap .icon-sign-phone {
  background-position: -13px 0
}

.job-body-wrapper .job-sider .sign-form .icon-sign-sms {
  width: 14px;
  background-position: 0 -16px
}

.job-body-wrapper .job-sider .sign-form .ipt-wrap.focus-wrap .icon-sign-sms {
  background-position: -14px -16px
}

.job-body-wrapper .job-sider .sign-form .dropdown-select .icon-select-arrow {
  position: absolute;
  right: 0;
  top: 14px;
  width: 4px;
  height: 7px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
  transform: rotate(90deg)
}

.job-body-wrapper .job-sider .sign-form .ipt {
  box-sizing: border-box;
  width: 100%;
  border-radius: 8px;
  padding-top: 6px;
  padding-bottom: 6px;
  border: 1px solid transparent;
  height: 36px;
  box-shadow: none
}

.job-body-wrapper .job-sider .sign-form .btn-sms {
  position: absolute;
  right: 2px;
  top: 2px;
  height: 32px;
  line-height: 32px;
  letter-spacing: 1px;
  text-align: center;
  cursor: pointer;
  font-size: 13px;
  background: #fff;
  min-width: 104px;
  color: #00a6a7;
  border: 0;
  border-radius: 0 8px 8px 0
}

.job-body-wrapper .job-sider .sign-form .btn-sms em {
  color: #00a6a7
}

.job-body-wrapper .job-sider .sign-form .text-tip .agree-policy {
  margin: 0;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-right: 2px
}

.job-body-wrapper .job-sider .sign-form .text-tip a:hover {
  opacity: .8
}

.job-body-wrapper .job-sider .sign-wrap-v2 .form-row-verify {
  position: absolute;
  min-height: 36px;
  background: #e8e8e8;
  top: 42px;
  width: 100%;
  height: 36px;
  border-radius: 2px;
  box-shadow: none;
  z-index: 9
}

.job-body-wrapper .job-sider .sign-wrap-v2 .form-row-verify:before {
  content: none
}

.job-body-wrapper .job-sider .sign-wrap-v2 .form-row-verify:after {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -45px;
  content: '正在加载中';
  background: url(https://z.zhipin.com/web/geek/resource/loading.gif) right center no-repeat;
  background-size: 16px;
  padding-right: 20px;
  line-height: 36px;
  color: #969696
}

.job-body-wrapper .job-sider .sign-wrap-v2 .verify-init-dot {
  position: absolute;
  width: 13px;
  height: 13px;
  display: block;
  left: 12px;
  top: 13px;
  border-radius: 50%;
  background: #3873ff
}

.job-body-wrapper .job-sider .geetest_holder.geetest_wind {
  min-width: auto;
  height: 36px
}

.job-body-wrapper .job-sider .geetest_holder.geetest_wind .geetest_success_btn .geetest_success_box {
  top: 5px
}

.job-body-wrapper .job-sider .geetest_holder.geetest_wind .geetest_radar {
  width: 22px;
  height: 22px
}

.job-body-wrapper .job-sider .geetest_holder.geetest_wind .geetest_radar_tip,.job-body-wrapper .job-sider .geetest_holder.geetest_wind .geetest_success_radar_tip {
  height: 36px;
  line-height: 34px;
  padding-left: 36px
}

.job-body-wrapper .job-sider .geetest_holder.geetest_wind .geetest_wait {
  margin: 14px 12px
}

.job-body-wrapper .job-sider .nc-container .nc_scale {
  height: 36px
}

.job-body-wrapper .job-sider .nc-container .nc_scale .btn_ok {
  color: #5dd5c8;
  border-color: #5dd5c8
}

.job-body-wrapper .job-sider .nc-container .nc_scale span {
  width: 46px;
  height: 36px;
  line-height: 36px
}

.job-body-wrapper .job-sider .nc-container .nc_scale .nc_bg,.job-body-wrapper .job-sider .nc-container .nc_scale .on_ok {
  background: #8d92a1
}

.job-body-wrapper .job-sider .nc-container .nc_scale .scale_text {
  line-height: 36px;
  background-color: #eef0f5;
  color: #61687c
}

.job-body-wrapper .job-sider .nc-container .nc_scale .nc_wrapper {
  width: 100%!important;
  overflow: hidden
}

.job-body-wrapper .job-sider .form-row-verify .picture_box {
  position: relative;
  width: 100%;
  padding-right: 94px;
  box-sizing: border-box
}

.job-body-wrapper .job-sider .form-row-verify .picture_box .input_code {
  height: 36px!important;
  padding: 9px 12px!important;
  font-size: 12px;
  border: 1px solid #e3e7ed;
  padding-left: 0;
  outline: 0;
  width: 100%!important;
  top: 0!important;
  box-sizing: border-box;
  border-radius: 0
}

.job-body-wrapper .job-sider .form-row-verify .picture_box .input_code:focus {
  box-shadow: none;
  border-color: #00c2b3
}

.job-body-wrapper .job-sider .form-row-verify .picture_box .code_img {
  position: absolute;
  top: 0;
  right: 0;
  height: 36px!important;
  width: 96px;
  outline: 0;
  margin-left: 0!important
}

.job-body-wrapper .job-sider .form-row-verify .picture_box .btn-img {
  right: 90px
}

.job-body-wrapper .job-sider .yidun_intellisense--light .yidun_classic-container {
  z-index: 1011
}

.job-body-wrapper .job-sider .yidun.yidun--light .yidun_bgimg .yidun_bg-img {
  width: 100%!important;
  height: auto!important
}

.job-body-wrapper .job-sider .yidun_intellisense--light .yidun_classic-tips .yidun_tips__text {
  line-height: 36px
}

.job-body-wrapper .job-sider .yidun.yidun--light .yidun_jigsaw {
  width: auto!important;
  height: 100%!important
}

.job-body-wrapper .job-sider .yidun_intellisense--light .yidun_intelli-control {
  height: 36px
}

.job-body-wrapper .job-sider .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slider {
  background-color: #00c2b3
}

.job-body-wrapper .job-sider .yidun_intellisense--light .yidun_intelli-text {
  line-height: 36px
}

.job-body-wrapper .job-sider .yidun.yidun--light {
  min-width: auto!important
}

.job-body-wrapper .job-sider .yidun.yidun--light .yidun_slider:hover {
  color: #00c2b3;
  background-color: #00c2b3
}

.job-body-wrapper .job-sider .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slide_indicator {
  border-color: #00c2b3;
  background: #eefff5
}

.job-body-wrapper .job-sider .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-icon,.yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-icon {
  background-color: #00c2b3
}

.job-body-wrapper .job-sider .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-text,.yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-text {
  color: #00c2b3
}

.job-body-wrapper .job-sider .yidun_intellisense--light.yidun_intellisense--success .yidun_classic-tips {
  color: #00c2b3;
  background: #eefff5;
  cursor: default;
  border-color: #00c2b3;
  line-height: 34px;
  height: 36px;
  text-align: left;
  padding: 0 18px
}

.job-body-wrapper .job-sider .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-icon {
  background-color: #00c2b3;
  box-shadow: 0 2px 6px 1px #00c2b3
}

.job-body-wrapper .job-sider .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-text {
  color: #00c2b3
}

.job-body-wrapper .job-sider .yidun_intellisense--light {
  z-index: 999
}

.has-sid-mask .boss-login-dialog {
  z-index: 2000
}

.has-sid-mask .bl-dialog-wrap,.has-sid-mask .bl-toast {
  z-index: 2010
}

.sid-flow-mask {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.49);
  box-shadow: 0 9px 26px 0 rgba(31,76,214,.12),inset 1px 1px 1px 0 rgba(162,180,255,.5),inset -1px -1px 0 0 rgba(157,227,255,.5);
  z-index: 1800;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px)
}

.sid-flow-mask .sid-flow-click {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 1900;
  background: 0 0
}

.sid-flow-mask .ad-tag {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 4px 8px;
  border-radius: 0 0 0 8px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  line-height: 17px;
  background: rgba(255,255,255,.2)
}

.sid-flow-mask.can-click {
  cursor: pointer
}

.sid-flow-mask .sid-flow-inner {
  position: relative;
  width: 1184px;
  height: 100px;
  margin: 0 auto;
  overflow: hidden
}

.sid-flow-mask .sid-flow-inner .sid-flow-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 58px;
  height: 22px;
  cursor: pointer;
  background: url(https://img.bosszhipin.com/static/file/2022/b39rmqjebx1663926963903.png) 0 0/58px auto no-repeat
}

.sid-flow-mask .sid-flow-inner .sid-flow-close:hover {
  background-position: 0 -22px
}

.sid-flow-mask .sid-flow-inner .sid-flow-slogan {
  float: left;
  height: 72px;
  margin-top: 14px;
  margin-left: 30px
}

.sid-flow-mask .sid-flow-inner .sid-flow-tagline {
  float: right;
  height: 68px;
  margin-top: 16px;
  margin-right: 78px
}

.job-body-wrapper .links-container {
  padding: 20px 24px 6px;
  border: none
}

.job-body-wrapper .links-container .links-box {
  padding-top: 0
}

.job-body-wrapper .links-container .title-box {
  position: relative;
  margin-right: 0
}

.job-body-wrapper .links-box .title-box .title-item:after {
  bottom: 1px;
  border-radius: 2px;
  height: 3px;
  width: 28px;
  margin-left: -14px;
  left: 50%
}

.job-body-wrapper .links-box .title-box .title-item.cur:after {
  background: linear-gradient(90deg,#16d9d8 0,#00bebd 100%)
}

.job-body-wrapper .links-container .title-box:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 1px;
  background: #e6e6e6
}

.job-body-wrapper .links-container .links-box .title-box .title-item {
  height: auto;
  font-size: 16px;
  font-weight: 400;
  color: #666;
  line-height: 22px;
  padding-bottom: 14px;
  transition: all .2s linear;
  margin-right: 0
}

.job-body-wrapper .links-container .links-box .title-box .title-item+.title-item {
  margin-left: 32px
}

.job-body-wrapper .links-container .links-box .title-box .title-item.cur {
  color: #00a6a7;
  font-weight: 600
}

.job-body-wrapper .links-container .links-box .title-box .title-item:hover {
  color: #00a6a7;
  font-weight: 600
}

.job-body-wrapper .links-box .links-wrapper {
  padding-top: 20px;
  background: 0 0
}

.job-body-wrapper .links-box .links-wrapper .links-content.limited {
  max-height: 155px
}

.job-body-wrapper .links-box .links-wrapper .links-content a {
  font-size: 12px;
  color: #666;
  line-height: 17px;
  transition: all .2s linear;
  margin: 0 28px 14px 0;
  float: left
}

.job-body-wrapper .links-box .links-wrapper .links-content a:hover {
  color: #00a6a7
}

.job-body-wrapper .links-box .expand-btn {
  margin-bottom: 14px
}

.job-body-wrapper .links-box .expand-btn a {
  color: #666;
  font-size: 13px
}

.job-body-wrapper .links-box .expand-btn a:hover {
  color: #00a6a7;
  font-weight: 500
}

.job-body-wrapper .more-view {
  display: inline-block;
  line-height: 24px;
  height: 24px
}

.job-body-wrapper .more-view span {
  display: inline-block;
  vertical-align: middle
}

.job-body-wrapper .more-view i {
  position: relative;
  top: -4px;
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 7px;
  margin-top: 7px;
  margin-left: 8px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.job-body-wrapper .more-view:hover i {
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.job-body-wrapper .more-view .fz-slidedown {
  transform: rotate(90deg)
}

.job-body-wrapper .more-view .fz-slideup {
  transform: rotate(270deg)
}

.job-body-wrapper .job-box .city-job-guide {
  margin-top: 20px
}

.job-body-wrapper .pos-bread a {
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: #999;
  line-height: 17px;
  padding: 0 8px;
  transition: all .2s linear
}

.job-body-wrapper .pos-bread a:hover {
  color: #00a6a7;
  text-decoration: none
}

.job-body-wrapper .pos-bread>a:first-child {
  padding-left: 24px
}

.job-body-wrapper .pos-bread>a:first-child:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: url(https://img.bosszhipin.com/static/file/2022/dg1u3dcnun1661743137830.png) 0 -64px/16px auto no-repeat
}

.job-body-wrapper .pos-bread a:first-child:hover:before {
  background-position: 0 -80px
}

.job-body-wrapper .pos-bread .link-collect+a:before,.job-body-wrapper .pos-bread .link-collect:before,.job-body-wrapper .pos-bread>a+a:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 5px;
  width: 1px;
  height: 7px;
  background: #999;
  border-radius: 1px;
  z-index: 1
}

.job-body-wrapper .pos-bread .link-collect {
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: #999;
  line-height: 17px;
  padding: 0 8px;
  transition: all .2s linear
}

.job-body-wrapper .pos-bread .link-collect a {
  padding: 0
}

.job-body-wrapper .job-box .pos-bread+.gray {
  color: #999;
  line-height: 17px;
  margin-top: 12px
}

.job-body-wrapper #footer {
  background: #313438;
  color: rgba(255,255,255,.5);
  margin-top: 28px
}

.job-body-wrapper .footer-about dl dt {
  color: rgba(255,255,255,.8)
}

.job-body-wrapper .footer-about dl dd a,.job-body-wrapper .footer-about dl dd p {
  color: rgba(255,255,255,.5)
}

.job-body-wrapper .copyright a {
  color: rgba(255,255,255,.5)
}

.job-body-wrapper .copyright a:hover,.job-body-wrapper .footer-about dl dd a:hover {
  color: #00bebd
}

.job-body-wrapper #footer .icon-app,.job-body-wrapper #footer .icon-client-app,.job-body-wrapper #footer .icon-weibo,.job-body-wrapper #footer .icon-weixin {
  border: none;
  background-color: rgba(255,255,255,.1)
}

.job-body-wrapper .links-friends-wrapper {
  background: #313438;
  border-top: 1px solid #46494c;
  padding: 7px 0 6px 0
}

.job-body-wrapper .links-friends-wrapper .links .links-item a {
  color: rgba(255,255,255,.5)
}

.job-body-wrapper .links-friends-wrapper .links .links-item a:hover {
  color: #00bebd
}

.job-body-wrapper .links-friends-wrapper .links {
  margin: 0 auto
}

.job-body-wrapper .links-friends-wrapper .links label,.job-body-wrapper .links-friends-wrapper .links label:hover {
  color: rgba(255,255,255,.5)
}

.job-body-wrapper .links-friends-wrapper .links .links-item {
  margin-bottom: 12px
}

.job-body-wrapper .links-friends dt {
  color: rgba(255,255,255,.5)
}

.company-body-wrapper {
  background: #f2f4f7
}

.company-body-wrapper:before {
  content: ' ';
  position: absolute;
  top: 49px;
  left: 0;
  right: 0;
  height: 614px;
  background: linear-gradient(180deg,#00bebd 0,#88fffe 50%,#fff 100%);
  opacity: .1;
  z-index: -1
}

.company-body-wrapper .company-banner {
  background-image: linear-gradient(90deg,#3b526a 0,#345a6d 100%);
  padding: 30px 0
}

.company-body-wrapper .company-banner.company-business-banner {
  padding: 30px 0 86px
}

.company-body-wrapper .company-banner.company-business-banner .company-stat {
  display: none
}

.company-body-wrapper .company-banner .info-primary img {
  width: 100px;
  height: 100px;
  border-radius: 12px
}

.company-body-wrapper .company-banner .info-primary .info {
  margin-left: 24px
}

.company-body-wrapper .company-banner .info-primary .icon-brand {
  width: 28px;
  height: 28px;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-left: 16px;
  background: url(https://img.bosszhipin.com/static/file/2022/p31w76t8u01662368559649.png) 0 0/28px auto no-repeat
}

.company-body-wrapper .company-banner .info-primary h1 {
  font-size: 36px;
  font-weight: 600;
  color: #fff;
  line-height: 50px
}

.company-body-wrapper .company-banner .info-primary .info p {
  padding: 0 0 0 2px;
  margin-top: 13px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  line-height: 21px
}

.company-body-wrapper .company-new .company-banner .industry-link {
  color: #fff
}

.company-body-wrapper .company-stat span {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  font-size: 15px;
  line-height: 21px
}

.company-body-wrapper .company-stat span b {
  display: inline-block;
  font-family: kanzhun-Regular,kanzhun;
  font-size: 36px;
  line-height: 55px;
  color: #54cbc4;
  text-align: right;
  color: #fff;
  padding: 0;
  font-weight: 400;
  margin-right: 6px;
  vertical-align: sub
}

.company-body-wrapper .company-stat .vline+span,.company-body-wrapper .company-stat span+span {
  margin-left: 30px;
  width: auto
}

.company-body-wrapper .company-stat .vline {
  display: none
}

.company-body-wrapper .company-stat .op {
  margin-top: 20px;
  overflow: hidden
}

.company-body-wrapper .company-stat .op a+a {
  margin-left: 32px
}

.company-body-wrapper .company-stat .op a {
  font-size: 16px;
  color: #fff;
  line-height: 22px
}

.company-body-wrapper .company-stat .op a:hover {
  color: #00e6e4
}

.company-body-wrapper .company-stat .op .icon {
  vertical-align: middle;
  position: relative;
  top: -2px;
  width: 18px;
  height: 18px;
  background: url(https://img.bosszhipin.com/static/file/2022/tsai5diw351661504694017.png) 0 0/18px auto no-repeat
}

.company-body-wrapper .company-stat .op .icon-resume .icon {
  background-position: 0 -18px
}

.company-body-wrapper .company-stat .op .icon-resume-login,.company-body-wrapper .company-stat .op .icon-upload-login {
  color: #00d1d0
}

.company-body-wrapper .company-stat .op .icon-resume-login:hover,.company-body-wrapper .company-stat .op .icon-upload-login:hover {
  color: #00e6e4
}

.company-body-wrapper .company-stat .op .icon-upload-login .icon {
  background-position: 0 -36px
}

.company-body-wrapper .company-stat .op .icon-upload-login:hover .icon,.company-body-wrapper .company-stat .op .icon-upload:hover .icon {
  background-position: 0 -72px
}

.company-body-wrapper .company-stat .op .icon-resume-login .icon {
  background-position: 0 -54px
}

.company-body-wrapper .company-stat .op .icon-resume-login:hover .icon,.company-body-wrapper .company-stat .op .icon-resume:hover .icon {
  background-position: 0 -90px
}

.company-body-wrapper .company-tab {
  width: 1184px;
  margin: 16px auto 0;
  background: #fff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  padding: 0 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

.company-body-wrapper .company-tab a {
  position: relative;
  padding: 12px 0;
  font-size: 18px;
  font-weight: 500;
  color: #333;
  line-height: 25px;
  margin: 0;
  border: none;
  transition: all .2s linear
}

.company-body-wrapper .company-tab a+a {
  margin-left: 32px
}

.company-body-wrapper .company-tab a:hover {
  color: #00a6a7
}

.company-body-wrapper .company-tab a.cur {
  color: #00a6a7
}

.company-body-wrapper .company-tab a.cur:after {
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -14px;
  z-index: 1;
  width: 28px;
  height: 3px;
  background: linear-gradient(90deg,#16d9d8,#00bebd);
  border-radius: 2px
}

.company-body-wrapper .smallbanner {
  background: linear-gradient(90deg,#3b526a 0,#345a6d 100%)
}

.company-body-wrapper .smallbanner .smallbanner-content {
  position: relative
}

.company-body-wrapper .smallbanner .info-primary {
  display: none
}

.company-body-wrapper .smallbanner .info-primary img {
  width: 80px;
  height: 80px;
  border-radius: 12px
}

.company-body-wrapper .smallbanner .company-stat {
  position: absolute;
  right: 0;
  bottom: 14px
}

.company-body-wrapper .smallbanner .company-stat .op {
  margin-top: 0
}

.company-body-wrapper .smallbanner .info-primary .info .name {
  font-size: 36px;
  font-weight: 600;
  color: #fff;
  line-height: 50px;
  padding: 15px 0
}

.company-body-wrapper .smallbanner .company-tab {
  background: 0 0;
  margin-top: 0;
  padding: 0
}

.company-body-wrapper .smallbanner .company-tab a {
  color: #fff
}

.company-body-wrapper .smallbanner .company-tab a.cur,.company-body-wrapper .smallbanner .company-tab a:hover {
  color: #00bebf
}

.company-body-wrapper .smallbanner .company-tab a.cur:after {
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -14px;
  z-index: 1;
  width: 28px;
  height: 3px;
  background: linear-gradient(90deg,#16d9d8,#00bebd);
  border-radius: 2px
}

.company-body-wrapper .job-box {
  margin-top: 16px
}

.company-body-wrapper .company-hotjob {
  width: 1184px;
  margin: 16px auto 0;
  background: #fff;
  border-radius: 12px;
  padding: 20px 30px;
  overflow: visible;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

.company-body-wrapper .company-hotjob .inner {
  width: auto
}

.company-body-wrapper .company-hotjob h3 {
  margin-bottom: 16px;
  padding-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  color: #222;
  line-height: 25px
}

.company-body-wrapper .company-hotjob .more,.company-job .more {
  font-size: 15px;
  color: #00a6a7;
  line-height: 21px;
  font-weight: 500;
  margin-right: 0;
  margin-top: 4px;
  padding-right: 6px;
  background: 0 0;
  transition: all .2s linear
}

.company-body-wrapper .company-hotjob .more:hover,.company-job .more:hover {
  font-weight: 500
}

.company-body-wrapper .company-hotjob .more:after,.company-job .more::after {
  content: ' ';
  position: relative;
  top: -5px;
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 7px;
  margin-top: 7px;
  margin-left: 8px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.company-job .more.fr {
  float: right
}

.company-body-wrapper .company-hotjob ul {
  margin: -8px
}

.company-body-wrapper .company-hotjob ul:after {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  clear: both
}

.company-body-wrapper .company-hotjob li {
  float: left;
  margin: 8px;
  border-radius: 12px
}

.company-body-wrapper .company-hotjob li a {
  position: relative;
  width: 364px;
  height: 96px;
  border: 1px solid #ededed;
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

.company-body-wrapper .company-hotjob.small-item li {
  width: auto;
  height: auto
}

.company-body-wrapper .company-hotjob.small-item li a {
  width: 269px
}

.company-body-wrapper .company-hotjob.small-item li .name b {
  max-width: 96px
}

.company-body-wrapper .company-hotjob li a:hover {
  border: 1px solid transparent;
  background: #f8f8f8
}

.company-body-wrapper .company-hotjob li a:hover b {
  color: #00a6a7
}

.company-body-wrapper .company-hotjob li a:hover .tag-list-item {
  background: #ededed
}

.company-body-wrapper .company-hotjob li .name {
  margin-bottom: 12px;
  padding-bottom: 0;
  height: 22px
}

.company-body-wrapper .company-hotjob li .name b {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  max-width: 190px;
  transition: all .2s linear
}

.company-body-wrapper .company-hotjob li .salary {
  font-size: 20px;
  font-family: kanzhun-Regular,kanzhun;
  color: #fe574a;
  line-height: 24px;
  position: relative;
  top: -2px
}

.company-body-wrapper .company-hotjob li .info-primary-bottom {
  display: block
}

.company-body-wrapper .company-hotjob li .company-location {
  float: right;
  font-size: 13px;
  color: #666;
  line-height: 18px;
  margin-top: 4px
}

.company-body-wrapper .company-hotjob li .tag-list {
  display: inline-block;
  height: 22px;
  overflow: hidden;
  vertical-align: middle;
  max-width: 220px
}

.company-body-wrapper .company-hotjob li a:hover .btn-startchat {
  display: block
}

.company-body-wrapper .company-hotjob li a:hover .company-location {
  display: none
}

.company-body-wrapper .company-hotjob li .btn-startchat {
  display: none;
  position: absolute;
  z-index: 1;
  right: 20px;
  bottom: 14px;
  min-width: 100px;
  border-radius: 8px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  font-weight: 500;
  background: #00bebd;
  border: none
}

.company-body-wrapper .company-hotjob li .btn-startchat:hover {
  background: rgba(0,190,189,.8)
}

.company-body-wrapper .company-hotjob li .tag-list-item {
  background: #f8f8f8;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 13px;
  color: #666;
  line-height: 18px;
  float: left;
  transition: all .2s linear
}

.company-body-wrapper .company-hotjob li .tag-list-item+.tag-list-item {
  margin-left: 8px
}

.company-body-wrapper .company-hotjob .code-box {
  background: #fff;
  border-radius: 6px 0 0 6px;
  width: 31px;
  height: 100px;
  font-size: 15px;
  color: #999;
  border: none;
  transition: all .2s linear
}

.company-body-wrapper .company-hotjob .code-box:hover {
  background: #fff;
  box-shadow: 0 2px 10px 0 rgba(0,0,0,.08);
  border-radius: 6px 0 0 6px;
  width: 155px;
  height: 132px
}

.company-body-wrapper .company-hotjob .code-box:hover span {
  padding: 28px 12px
}

.company-body-wrapper .company-hotjob .code-box:hover img {
  opacity: 1
}

.company-body-wrapper .company-hotjob .code-box span {
  padding: 12px 8px;
  width: 15px;
  transition: all .2s linear
}

.company-body-wrapper .company-hotjob .code-box img {
  opacity: 0;
  width: 100px;
  height: 100px;
  position: absolute;
  z-index: 1;
  right: 39px;
  margin: 0;
  top: 16px;
  transition: all .2s linear
}

.company-body-wrapper .company-hotjob .code-box:hover span {
  color: #00a6a7
}

.company-body-wrapper .company-hotjob li.cur .info-detail {
  display: block
}

.company-body-wrapper .company-hotjob .info-detail {
  display: none;
  position: absolute;
  height: auto;
  top: 96px;
  font-weight: 400;
  width: 500px;
  left: 50%;
  margin-left: -250px;
  border-radius: 12px;
  padding: 0;
  box-shadow: 0 16px 40px 0 rgba(153,153,153,.3);
  background: #fff;
  z-index: 1001
}

.company-body-wrapper .company-hotjob .info-detail .detail-bottom {
  position: relative;
  z-index: 3;
  background: 0 0;
  padding: 0 20px 20px;
  border-radius: 12px;
  font-size: 13px
}

.company-body-wrapper .company-hotjob .info-detail .detail-bottom .btn-startchat {
  display: none
}

.company-body-wrapper .company-hotjob .info-detail .detail-bottom-title {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  margin: 20px 0 12px;
  padding: 0
}

.company-body-wrapper .company-hotjob .info-detail .detail-bottom-labels {
  overflow: hidden;
  margin-top: 12px;
  margin-bottom: -8px
}

.company-body-wrapper .company-hotjob .info-detail .detail-bottom-label {
  background: #f7f7f7;
  border-radius: 4px;
  padding: 4px 12px;
  border: none;
  height: auto;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
  transition: all .2s linear
}

.detail-bottom-text {
  line-height: 28px;
  max-height: 280px;
  color: #333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  word-break: break-all;
  white-space: normal
}

.company-body-wrapper .company-new .job-detail {
  width: 884px;
  padding-right: 0;
  border: none
}

.company-body-wrapper .company-info-box {
  background: #fff;
  border-radius: 12px;
  padding: 20px 30px
}

.company-body-wrapper .company-info-box .job-sec+.job-sec {
  margin-top: 36px
}

.company-body-wrapper .company-info-box .job-sec h3 {
  font-size: 18px;
  font-weight: 600;
  color: #222;
  line-height: 25px;
  margin-bottom: 12px;
  padding: 0
}

.company-body-wrapper .company-info-box .fold-text {
  font-size: 15px;
  font-weight: 400;
  color: #333;
  line-height: 28px;
  max-height: 113px;
  overflow: hidden
}

.company-body-wrapper .company-info-box .job-sec.expand .fold-text {
  max-height: none
}

.company-body-wrapper .company-info-box .job-sec .more-view {
  display: none;
  background: linear-gradient(270deg,#fff 65%,rgba(255,255,255,0) 100%);
  width: 80px;
  text-align: right;
  font-size: 15px;
  color: #00a6a7;
  line-height: 21px;
  padding: 4px 14px 4px 0;
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 6px;
  transition: font-weight .2s linear;
  box-sizing: border-box
}

.company-body-wrapper .company-info-box .job-sec.expand {
  padding-bottom: 18px
}

.company-body-wrapper .company-info-box .job-sec.expand .more-view {
  bottom: 0
}

.company-body-wrapper .company-info-box .job-sec .more-view:hover {
  color: #00a6a7;
  font-weight: 500
}

.company-body-wrapper .company-info-box .job-sec .more-view .fz-slidedown {
  top: -6px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.company-body-wrapper .company-info-box .job-sec .more-view .fz-slideup {
  top: -5px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.company-body-wrapper .company-photo-list {
  position: relative;
  border-radius: 12px
}

.company-body-wrapper .company-photo-list .swiper-container {
  max-height: 248px;
  border-radius: 12px;
  margin-left: -4px;
  margin-right: -4px
}

.company-body-wrapper .company-photo-list .swiper-wrapper {
  transition-duration: .3s
}

.company-body-wrapper .company-photo-list .swiper-wrapper.swiper-wrapper-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  align-content: flex-start
}

.company-body-wrapper .company-photo-list .swiper-wrapper.swiper-wrapper-col {
  display: flex;
  flex-wrap: wrap;
  height: 248px;
  flex-direction: column;
  align-content: flex-start;
  justify-content: space-between
}

.company-body-wrapper .company-photo-list .swiper-wrapper.swiper-wrapper-row li:first,.company-body-wrapper .company-photo-list .swiper-wrapper.swiper-wrapper-row li:nth-child(4n) {
  margin-left: 0
}

.company-body-wrapper .company-photo-list .swiper-wrapper.swiper-wrapper-row li:nth-child(n+5) {
  margin-top: 8px
}

.company-body-wrapper .company-photo-list .swiper-container li .company-vr-address {
  position: absolute;
  bottom: 8px;
  left: 8px;
  width: 150px;
  color: #fff;
  z-index: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 10px;
  background-color: rgba(0,0,0,.4);
  padding-left: 8px
}

.company-body-wrapper .company-photo-list .swiper-container li {
  width: 200px!important;
  height: 120px!important;
  border-radius: 12px;
  overflow: hidden;
  margin: 0 4px;
  cursor: pointer;
  flex-shrink: 0;
  position: relative
}

.company-body-wrapper .company-photo-list li img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all .2s linear
}

.company-body-wrapper .company-photo-list li:hover img {
  transform: scale(1.1)
}

.company-body-wrapper .company-photo-list li .company-play-icon {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  pointer-events: none;
  z-index: 3;
  background-image: url(https://img.bosszhipin.com/static/file/2023/zp-company-photo-play-icon.png);
  background-size: cover;
  background-repeat: no-repeat
}

.company-body-wrapper .company-photo-list li .company-video-icon {
  background-position: -40px 0
}

.company-body-wrapper .company-photo-list li .company-video-vr {
  background-position: 0 0
}

.company-body-wrapper .company-photo-list li .company-img-mask {
  transition: all .2s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  pointer-events: none;
  z-index: 2
}

.company-body-wrapper .company-photo-list li:hover .company-img-mask {
  opacity: .2
}

.company-body-wrapper .company-photo .swiper-btn {
  display: none;
  opacity: 0;
  position: absolute;
  top: 50%;
  z-index: 1;
  margin-top: -28px;
  width: 30px;
  height: 56px;
  background: #fff;
  box-shadow: 0 4px 16px 0 rgba(0,0,0,.08);
  border-radius: 15px;
  cursor: pointer;
  transition: all .2s linear
}

.company-body-wrapper .company-photo .company-photo-list:hover .swiper-btn {
  opacity: 1
}

.company-body-wrapper .company-photo .swiper-btn:hover {
  background: #00bebd
}

.company-body-wrapper .company-photo .swiper-prev-btn {
  left: -15px
}

.company-body-wrapper .company-photo .swiper-next-btn {
  right: -15px
}

.company-body-wrapper .company-photo .swiper-prev-btn:after {
  content: ' ';
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin-left: -8px;
  margin-top: -4px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #848899;
  border-left: 5px solid transparent;
  border-radius: 2px;
  transition: all .2s linear
}

.company-body-wrapper .company-photo .swiper-prev-btn:hover:after {
  border-right: 5px solid #fff
}

.company-body-wrapper .company-photo .swiper-next-btn:after {
  content: ' ';
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin-left: -1px;
  margin-top: -4px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
  border-left: 5px solid #848899;
  border-radius: 2px;
  transition: all .2s linear
}

.company-body-wrapper .company-photo .swiper-next-btn:hover:after {
  border-left: 5px solid #fff
}

.company-body-wrapper .company-talents-list {
  overflow: hidden;
  margin-bottom: -12px
}

.company-body-wrapper .company-talents-list li {
  float: left;
  background: #f8f8f8;
  border-radius: 4px;
  padding: 4px 12px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  margin-right: 8px;
  margin-bottom: 12px
}

.company-body-wrapper .company-talents .talent-train-text {
  margin-top: 20px
}

.company-body-wrapper .company-products-new ul {
  margin: -8px
}

.company-body-wrapper .company-products-new ul:after {
  content: ' ';
  display: table;
  clear: both;
  width: 0;
  height: 0
}

.company-body-wrapper .company-products-new li {
  position: relative;
  width: 404px;
  height: 102px;
  float: left;
  margin-bottom: 16px;
  border: none;
  border-radius: 12px;
  margin: 8px;
  padding: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  transition: all .2s linear
}

.company-body-wrapper .company-products-new li:hover {
  position: relative;
  background: #f8f8f8;
  overflow: visible;
  z-index: 1
}

.company-body-wrapper .company-products-new li:hover .company-product-desc {
  display: block
}

.company-body-wrapper .company-products-new li:hover .figure {
  position: relative;
  z-index: 2
}

.company-body-wrapper .company-products-new li .figure {
  width: 68px;
  height: 68px;
  background: #fff;
  border-radius: 16px;
  border: 1px solid #f2f5fa
}

.company-body-wrapper .company-products-new li .figure img {
  width: 68px;
  height: 68px;
  border-radius: 16px;
  background: #fff
}

.company-body-wrapper .company-products-new .text {
  margin-left: 86px
}

.company-body-wrapper .company-products-new .text .name {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  margin-top: 8px;
  margin-bottom: 12px;
  padding: 0
}

.company-body-wrapper .company-products-new .text .company-product-slogan {
  font-size: 14px;
  color: #666;
  line-height: 20px
}

.company-body-wrapper .company-products-new .company-product-desc {
  display: none;
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  min-height: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: #f8f8f8;
  border-radius: 12px
}

.company-body-wrapper .company-products-new .company-product-desc .more-view {
  z-index: 2;
  right: 16px;
  bottom: 20px;
  padding: 2px 14px 2px 0
}

.company-body-wrapper .company-products-new .company-product-intro {
  position: relative;
  font-size: 14px;
  color: #333;
  line-height: 20px;
  margin: 0;
  word-break: break-all;
  min-height: 100px;
  padding: 20px 16px 20px 102px;
  box-sizing: border-box
}

.company-body-wrapper .company-products-new .company-product-intro:after {
  content: ' ';
  background: #f8f8f8;
  height: 20px;
  position: absolute;
  left: 102px;
  right: 16px;
  bottom: 0;
  z-index: 1
}

.company-body-wrapper .company-products-new .company-product-intro.expand:after {
  content: none
}

.company-body-wrapper .company-products-new .company-product-intro.expand .more-view {
  position: static;
  float: right;
  background: 0 0
}

.company-body-wrapper .company-products-new .company-product-images {
  float: none;
  width: auto;
  margin: 0;
  padding: 0 14px
}

.company-body-wrapper .company-products-new .company-product-images li {
  float: left;
  margin: 2px;
  width: 90px;
  height: 90px;
  border-radius: 8px;
  overflow: hidden;
  background-color: #f5f5f6;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0;
  cursor: default;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

.company-body-wrapper .company-products-new .company-product-images li img {
  display: block;
  width: 100%;
  max-height: 100%;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  position: relative;
  z-index: 2;
  border-radius: 8px;
  object-fit: cover
}

.company-body-wrapper .company-business .business-detail {
  position: relative;
  border-radius: 12px;
  border: none;
  background: #f8f8f8;
  padding: 20px;
  height: auto
}

.company-body-wrapper .company-business .business-detail ul {
  overflow: hidden;
  max-height: 158px
}

.company-body-wrapper .company-business .business-detail.show-business-all ul {
  max-height: none
}

.company-body-wrapper .company-business .business-detail li {
  font-size: 15px;
  color: #333;
  line-height: 21px;
  padding: 0 5px 0 0;
  margin-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

.company-body-wrapper .company-business .business-detail li span {
  display: block;
  font-size: 14px;
  color: #999;
  line-height: 20px;
  margin-bottom: 8px
}

.company-body-wrapper .company-business .business-detail .business-detail-id,.company-body-wrapper .company-business .business-detail .business-detail-location,.company-body-wrapper .company-business .business-detail .business-detail-name,.company-body-wrapper .company-business .business-detail .business-detail-type,.company-body-wrapper .company-business .business-detail .w-420px {
  width: 420px
}

.company-body-wrapper .company-business .business-detail .business-detail-register,.company-body-wrapper .company-business .business-detail .business-detail-status,.company-body-wrapper .company-business .business-detail .business-detail-user,.company-body-wrapper .company-business .business-detail .w-210px {
  width: 210px
}

.company-body-wrapper .company-business .business-detail .business-detail-money,.company-body-wrapper .company-business .business-detail .business-detail-person-count,.company-body-wrapper .company-business .business-detail .business-detail-time,.company-body-wrapper .company-business .business-detail .w-150px {
  width: 150px
}

.company-body-wrapper .business-detail label {
  position: absolute;
  display: block;
  bottom: 16px;
  left: 50%;
  width: auto;
  padding-right: 16px;
  transform: translate(-50%,0);
  top: auto;
  text-align: center;
  font-size: 15px;
  color: #00a6a7;
  line-height: 21px;
  transition: all .2s linear
}

.company-body-wrapper .business-detail label:hover {
  font-weight: 500
}

.company-body-wrapper .business-detail label i {
  content: ' ';
  position: absolute;
  top: 7px;
  right: 0;
  z-index: 1;
  width: 4px;
  height: 7px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat;
  transform: rotate(90deg);
  transition: all .2s linear
}

.company-body-wrapper .business-detail label i.fz-slideup {
  transform: rotate(270deg)
}

.company-body-wrapper .job-location {
  border-radius: 12px;
  border: 1px solid #ededed;
  box-shadow: none;
  margin-top: 0
}

.company-body-wrapper .job-location .location-address {
  position: relative;
  font-size: 16px;
  color: #333;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 12px 20px 12px 46px;
  border: none;
  background: 0 0;
  transition: all .2s linear
}

.company-body-wrapper .job-location .location-address:before {
  content: ' ';
  position: absolute;
  width: 18px;
  height: 18px;
  left: 20px;
  top: 14px;
  z-index: 1;
  background: url(https://img.bosszhipin.com/static/file/2022/1q7iss9wuz1664171121020.png) 0 0/18px auto no-repeat
}

.company-body-wrapper .job-location .location-address:hover {
  color: #00a6a7;
  font-weight: 500
}

.company-body-wrapper .job-location .location-item .location-address:hover:before,.company-body-wrapper .job-location .location-item.show-map .location-address:before {
  background: url(https://img.bosszhipin.com/static/file/2022/1q7iss9wuz1664171121020.png) 0 -18px/18px auto no-repeat
}

.company-body-wrapper .job-location .location-item.show-map .location-address:hover {
  color: #333;
  font-weight: 400
}

.company-body-wrapper .job-location .location-address .more-view {
  display: none
}

.company-body-wrapper .job-location .location-address:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  height: 1px;
  background: #ededed
}

.company-body-wrapper .job-location .location-item.show-map .location-address:after,.company-body-wrapper .job-location .location-item:last-child .location-address:after {
  content: none
}

.company-body-wrapper .job-location p {
  font-size: 14px;
  color: #333;
  line-height: 20px;
  padding: 8px 16px 8px 40px;
  background: url(https://img.bosszhipin.com/static/file/2022/oqp2zomui31661947170536.png) 12px 7px/21px 21px no-repeat,#fff;
  box-shadow: 0 3px 40px 0 rgba(153,153,153,.3);
  border-radius: 12px
}

.company-body-wrapper .job-location p:hover {
  color: #00a6a7;
  font-weight: 500
}

.company-body-wrapper .company-new .job-box .map-container {
  height: 172px
}

.company-body-wrapper .map-pop .dialog-container {
  border-radius: 12px;
  margin: -198px 0 0 -360px
}

.company-body-wrapper .map-pop .map-container {
  margin: 12px;
  border-radius: 4px;
  height: 322px
}

.company-body-wrapper .map-pop .location-address {
  font-size: 16px;
  color: #333;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 14px 20px 14px 46px;
  border-radius: 12px 12px 0 0;
  background: url(https://img.bosszhipin.com/static/file/2022/o72wdj3x0v1661946739252.png) 20px 16px/18px auto no-repeat,linear-gradient(90deg,#f5fcfc 0,#fcfbfa 100%);
  border: none
}

.company-body-wrapper .location-item-pop {
  width: 620px;
  height: 396px;
  background: #fff;
  border-radius: 12px
}

.company-body-wrapper .icon-close:after,.company-body-wrapper .icon-close:before {
  background: #999
}

.company-body-wrapper .company-job {
  background: #fff;
  border-radius: 12px;
  margin-top: 16px;
  padding: 20px 30px
}

.company-body-wrapper .company-job h3 {
  font-size: 18px;
  font-weight: 600;
  color: #222;
  line-height: 25px;
  margin-bottom: 16px;
  padding: 0;
  background: 0 0
}

.company-body-wrapper .company-job .job-list {
  margin-bottom: 0;
  width: 100%
}

.company-body-wrapper .company-job .job-list li {
  position: relative;
  z-index: 1;
  border: none;
  border-radius: 12px;
  padding: 16px;
  height: auto;
  transition: all .2s linear;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

.company-body-wrapper .company-job .job-list li+li {
  margin-top: 12px
}

.company-body-wrapper .company-job .job-list li:hover {
  background: #f7f7f7;
  position: relative;
  z-index: 11
}

.company-body-wrapper .company-job .job-list li:hover .tag-list-item {
  background: #ededed
}

.company-body-wrapper .company-job .job-list li:hover .name .title-box .job-area,.company-body-wrapper .company-job .job-list li:hover .name .title-box .job-title {
  color: #00a6a7
}

.company-body-wrapper .company-job .job-list li .job-primary {
  padding: 0;
  margin: 0;
  height: 56px
}

.company-body-wrapper .job-list li .name {
  line-height: 22px;
  height: 22px;
  margin-bottom: 8px
}

.company-body-wrapper .job-list li .name .title-box {
  height: 22px;
  line-height: 22px
}

.company-body-wrapper .job-list li .name .info-detail {
  top: -16px;
  font-weight: 400;
  width: 500px;
  right: -16px;
  border-radius: 12px;
  padding: 0;
  box-shadow: 0 16px 40px 0 rgba(153,153,153,.3)
}

.company-body-wrapper .job-list .name .info-detail:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 60px;
  z-index: 1;
  background: linear-gradient(90deg,#f5fcfc 0,#fcfbfa 100%);
  border-radius: 12px 12px 0 0
}

.company-body-wrapper .job-list .name .info-detail:after {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 60px;
  z-index: 2;
  background: linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 100%);
  border-radius: 12px 12px 0 0
}

.company-body-wrapper .job-list .name .info-detail .detail-bottom {
  position: relative;
  z-index: 3;
  background: 0 0
}

.company-body-wrapper .job-list li .job-primary .detail-bottom .detail-bottom-title {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  margin: 20px 0 12px;
  padding: 0
}

.company-body-wrapper .company-job .info-detail .detail-bottom-title:before {
  width: 4px;
  height: 16px;
  background: #00bebd;
  border-radius: 2px;
  margin: -2px 6px 0 0
}

.company-body-wrapper .job-list li .job-primary .detail-bottom .detail-bottom-text {
  line-height: 28px;
  max-height: 280px;
  color: #333
}

.company-body-wrapper .company-job .info-detail .detail-bottom {
  padding: 0 20px 20px;
  border-radius: 12px
}

.company-body-wrapper .company-job .info-detail .detail-bottom-labels {
  overflow: hidden;
  margin-top: 12px;
  margin-bottom: -8px
}

.company-body-wrapper .company-job .info-detail .detail-bottom-labels .detail-bottom-label {
  background: #f7f7f7;
  border-radius: 4px;
  padding: 4px 12px;
  border: none;
  height: auto;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
  transition: all .2s linear
}

.company-body-wrapper .company-job .job-list li .name .title-box .job-area,.company-body-wrapper .company-job .job-list li .name .title-box .job-title {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  height: 22px
}

.company-body-wrapper .company-new .job-detail .company-job .job-list li .job-primary .info-primary {
  width: 560px
}

.company-body-wrapper .company-job .job-list li .job-primary .info-primary .name+p {
  margin: 0;
  overflow: hidden
}

.company-body-wrapper .company-job .job-list li .job-primary .info-primary .name+p .salary {
  font-size: 20px;
  font-family: kanzhun-Regular,kanzhun;
  color: #fe574a;
  line-height: 24px;
  float: left;
  margin-right: 8px
}

.company-body-wrapper .company-job .job-list li .tag-list {
  height: 22px;
  float: left;
  margin-top: 2px
}

.company-body-wrapper .company-job .job-list li .tag-list-item {
  background: #f7f7f7;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 13px;
  color: #666;
  line-height: 18px;
  float: left;
  margin-right: 8px;
  transition: all .2s linear
}

.company-body-wrapper .company-job .job-list li .boss-online-tag {
  margin-right: 8px;
  height: 22px;
  line-height: 22px
}

.company-body-wrapper .company-job .job-list li .job-primary .online-apply-tag {
  margin-left: 0;
  margin-right: 8px;
  font-size: 13px
}

.company-body-wrapper .company-job .job-list .job-primary .info-publis {
  width: 218px;
  margin-top: 4px;
  overflow: hidden
}

.company-body-wrapper .company-job .job-list .info-publis-avatar {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  margin-right: 16px;
  float: left
}

.company-body-wrapper .company-job .job-list .info-publis-avatar img {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  margin: 0
}

.company-body-wrapper .company-job .job-list .job-primary .info-publis-info {
  float: left;
  max-width: 154px
}

.company-body-wrapper .company-job .job-list .job-primary .info-publis-info .name {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  height: 22px;
  margin-bottom: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left
}

.company-body-wrapper .company-job .job-list .job-primary .info-publis-info .boss-title {
  display: block;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left
}

.company-body-wrapper .company-job .job-list li .startchat-box {
  padding: 0;
  top: 50%;
  right: 16px;
  margin-top: -24px;
  width: 218px
}

.company-body-wrapper .company-job .job-list li .startchat-box a {
  border-radius: 8px;
  height: 30px;
  line-height: 30px;
  min-width: 102px;
  font-size: 14px;
  font-weight: 500;
  float: left;
  margin-top: 9px
}

.company-body-wrapper .company-job .job-list li .startchat-box .btn {
  background: #00bebd;
  border-color: #00bebd
}

.company-body-wrapper .company-job .job-list li .startchat-box .btn:hover {
  background: rgba(0,190,189,.8);
  border-color: rgba(0,190,189,.8)
}

.company-body-wrapper .company-new .job-box .company-sider {
  width: 284px;
  margin-left: 16px
}

.company-body-wrapper .company-sider .job-sec {
  background: #fff;
  border-radius: 12px
}

.company-body-wrapper .company-sider .job-sec h3 {
  background: linear-gradient(90deg,#f5fcfc 0,#fcfbfa 100%);
  border-radius: 12px 12px 0 0;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  padding: 12px 24px
}

.company-body-wrapper .company-sider .job-sec+.job-sec {
  margin-top: 16px
}

.company-body-wrapper .manager-list {
  padding-bottom: 20px
}

.company-body-wrapper .manager-list .info-user img {
  width: 60px;
  height: 60px;
  border-radius: 12px
}

.company-body-wrapper .manager-list .info-user p {
  margin-left: 16px;
  max-width: 220px
}

.company-body-wrapper .manager-list .info-user .job-title {
  font-size: 14px;
  color: #666;
  line-height: 21px
}

.company-body-wrapper .manager-list .info-user p .name {
  font-size: 20px;
  font-weight: 500;
  color: #222;
  line-height: 28px;
  margin-bottom: 10px;
  padding-bottom: 0
}

.company-body-wrapper .manager-list li {
  padding: 0 24px;
  margin: 0
}

.company-body-wrapper .manager-inner {
  padding-top: 16px
}

.company-body-wrapper .manager-inner .text {
  font-size: 14px;
  color: #333;
  line-height: 28px;
  max-height: 85px
}

.company-body-wrapper .manager-inner .text.expand {
  overflow: visible;
  margin-bottom: 18px
}

.company-body-wrapper .manager-inner .text.expand .more-view {
  bottom: -18px
}

.company-body-wrapper .manager-list .slider-dot {
  position: absolute;
  text-align: right;
  height: 6px;
  line-height: 6px;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  top: -26px;
  left: 104px;
  right: 24px;
  font-size: 0
}

.company-body-wrapper .manager-list .slider-dot i {
  background: #ededed;
  border-radius: 4px;
  height: 6px;
  width: 20px;
  border: none;
  margin: 0 3px;
  opacity: 1;
  vertical-align: middle
}

.company-body-wrapper .manager-list .slider-dot i.cur {
  background: #00bebd
}

.company-body-wrapper .manager-inner .more-view {
  display: none;
  background: linear-gradient(270deg,#fff 65%,rgba(255,255,255,0) 100%);
  width: 80px;
  text-align: right;
  font-size: 15px;
  color: #00a6a7;
  line-height: 21px;
  padding: 4px 14px 4px 0;
  z-index: 1;
  right: 0;
  bottom: 6px;
  box-sizing: border-box
}

.company-body-wrapper .manager-inner .more-view:hover {
  color: #00a6a7;
  font-weight: 500
}

.company-body-wrapper .manager-inner .more-view .fz-slidedown {
  top: -6px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.company-body-wrapper .manager-inner .more-view .fz-slideup {
  top: -5px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.company-body-wrapper .picture-list {
  display: none
}

.company-body-wrapper .talent-train {
  display: none
}

.company-body-wrapper .work-time {
  padding-bottom: 20px
}

.company-body-wrapper .work-time p {
  position: relative;
  margin-top: 16px;
  margin-left: 24px;
  margin-right: 24px;
  padding-left: 26px
}

.company-body-wrapper .work-time p img {
  position: absolute;
  top: 1px;
  left: 0;
  z-index: 1;
  width: 16px;
  display: none
}

.company-body-wrapper .work-time p:before {
  content: ' ';
  position: absolute;
  top: 1px;
  left: 0;
  width: 16px;
  height: 16px;
  z-index: 1;
  background: url(https://img.bosszhipin.com/static/file/2022/yxw74wclhv1664172984188.png) 0 -16px/16px auto no-repeat
}

.company-body-wrapper .work-time p:nth-child(2):before {
  background-position: 0 0
}

.company-body-wrapper .work-time p span {
  display: block;
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  color: #333;
  line-height: 18px
}

.company-body-wrapper .work-time .work-tags {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 8px;
  overflow: hidden
}

.company-body-wrapper .work-time .work-tags .work-tag-item {
  float: left;
  background: #f8f8f8;
  border-radius: 4px;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 12px;
  padding: 4px 15px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  max-width: 100%;
  width: 114px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box
}

.company-body-wrapper .recruiter-list {
  padding-bottom: 20px
}

.company-body-wrapper .recruiter-list .text .name .company-full-name span {
  background: rgba(0,0,0,.8);
  color: #fff
}

.company-body-wrapper .recruiter-list .text .name .company-full-name span:after {
  border-color: rgba(0,0,0,.8) transparent transparent;
  bottom: 2px
}

.company-body-wrapper .recruiter-list ul {
  padding: 0 8px
}

.company-body-wrapper .recruiter-list li {
  margin: 4px 0 0 0;
  border-radius: 8px;
  padding: 12px 16px;
  border: none;
  transition: all .2s linear
}

.company-body-wrapper .recruiter-list a {
  display: block
}

.company-body-wrapper .recruiter-list a:hover .company-full-name {
  display: block
}

.company-body-wrapper .recruiter-list a:hover .name,.company-body-wrapper .recruiter-list a:hover .name span {
  color: #00a6a7;
  font-weight: 500
}

.company-body-wrapper .recruiter-list .figure,.company-body-wrapper .recruiter-list .figure img {
  width: 28px;
  height: 28px;
  border-radius: 100%
}

.company-body-wrapper .recruiter-list .text {
  margin-left: 40px
}

.company-body-wrapper .recruiter-list .text p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  color: #666;
  line-height: 18px
}

.company-body-wrapper .recruiter-list .name {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  padding-bottom: 10px;
  transition: all .2s linear
}

.company-body-wrapper .recruiter-list .name .vline {
  margin: 0 8px;
  width: 1px;
  height: 14px;
  background: #dedede
}

.company-body-wrapper .recruiter-list .name span {
  font-size: 15px;
  font-weight: 400;
  color: #666;
  line-height: 21px;
  transition: all .2s linear
}

.company-body-wrapper .recruiter-list li:hover {
  background: #f7f7f7
}

.company-body-wrapper .recruiter-list .view-more {
  margin-top: 16px
}

.company-body-wrapper .recruiter-list .view-more a {
  width: 160px;
  height: 36px;
  margin: 0 auto;
  border-radius: 8px;
  border: 1px solid #00bebd;
  transition: all .2s linear
}

.company-body-wrapper .recruiter-list .view-more a i {
  background: 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 500;
  color: #00a6a7;
  line-height: 20px;
  margin: 8px 0 0 0;
  padding: 0;
  transition: all .2s linear
}

.company-body-wrapper .recruiter-list .view-more a:hover {
  background: #00bebd
}

.company-body-wrapper .recruiter-list .view-more a:hover i {
  color: #fff
}

.company-body-wrapper .jconfirm .pop-sign-box .jconfirm-box {
  border-radius: 12px
}

.company-body-wrapper .company-sider .sign-wrap {
  margin-bottom: 16px
}

.company-body-wrapper .company-sider .sign-form {
  position: relative;
  background: url(https://img.bosszhipin.com/static/file/2022/myz8vq8tfh1655797191987.png) 16px 14px/auto 50px no-repeat,linear-gradient(180deg,#00bebd,#00a6a7) hsla(0,0%,100%,.21);
  border-radius: 14px;
  margin-bottom: 16px;
  padding-left: 12px;
  padding-right: 12px
}

.company-body-wrapper .company-sider .sign-form:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(180deg,rgba(54,202,202,0),#fff);
  border-radius: 12px
}

.company-body-wrapper .company-sider .sign-form .title {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  line-height: 25px;
  padding-top: 20px;
  padding-bottom: 10px
}

.company-body-wrapper .company-sider .sign-form form {
  position: relative;
  z-index: 1;
  background: linear-gradient(180deg,rgba(245,252,252,.8),#fcfbfa);
  border-radius: 12px 12px 0 0;
  border: 1px solid #f7fdfd;
  backdrop-filter: blur(7px);
  padding: 20px 18px;
  width: auto
}

.company-body-wrapper .company-sider .sign-form .ipt-wrap:hover .ipt {
  box-shadow: none;
  border: 1px solid #00bebd
}

.company-body-wrapper .company-sider .sign-form .form-btn {
  margin-top: 20px
}

.company-body-wrapper .company-sider .form-btn .btn {
  display: block;
  text-align: center;
  background: #00bebd;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  line-height: 21px;
  padding: 4px 0;
  height: 36px;
  margin-top: 20px;
  box-sizing: border-box;
  transition: all .2s linear
}

.company-body-wrapper .company-sider .form-btn .btn:hover {
  opacity: .8
}

.company-body-wrapper .company-sider .sign-form .text-tip {
  font-size: 12px;
  font-weight: 400;
  color: #666;
  line-height: 17px;
  margin-top: 12px;
  padding: 0
}

.company-body-wrapper .company-sider .sign-form .text-tip a {
  color: #00a6a7;
  transition: all .2s linear
}

.company-body-wrapper .company-sider .sign-form .dropdown-select {
  top: 0;
  height: 36px
}

.company-body-wrapper .company-sider .sign-form .dropdown-select .icon-select-arrow {
  top: 11px
}

.company-body-wrapper .company-sider .sign-form .dropdown-select .text-select {
  padding: 5px 12px 5px 0
}

.company-body-wrapper .company-sider .sign-form .icon-sign-phone,.company-body-wrapper .company-sider .sign-form .icon-sign-sms {
  position: absolute;
  left: 12px;
  top: 10px;
  width: 13px;
  height: 16px;
  background: url(https://img.bosszhipin.com/static/file/2022/glowg5q8861655467618066.png) 0 0/auto 32px no-repeat
}

.company-body-wrapper .company-sider .sign-form .tip-error {
  background: 0 0;
  position: absolute;
  left: 0;
  top: 40px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  padding: 0 0 0 12px;
  color: #f53d47;
  text-align: left;
  white-space: nowrap
}

.company-body-wrapper .company-sider .sign-form .ipt-wrap.focus-wrap .icon-sign-phone {
  background-position: -13px 0
}

.company-body-wrapper .company-sider .sign-form .icon-sign-sms {
  width: 14px;
  background-position: 0 -16px
}

.company-body-wrapper .company-sider .sign-form .ipt-wrap.focus-wrap .icon-sign-sms {
  background-position: -14px -16px
}

.company-body-wrapper .company-sider .sign-form .dropdown-select .icon-select-arrow {
  position: absolute;
  right: 0;
  top: 14px;
  width: 4px;
  height: 7px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
  transform: rotate(90deg)
}

.company-body-wrapper .company-sider .sign-form .ipt {
  box-sizing: border-box;
  width: 100%;
  border-radius: 8px;
  padding-top: 6px;
  padding-bottom: 6px;
  border: 1px solid transparent
}

.company-body-wrapper .company-sider .sign-form .btn-sms {
  position: absolute;
  right: 2px;
  top: 2px;
  height: 32px;
  line-height: 32px;
  letter-spacing: 1px;
  text-align: center;
  cursor: pointer;
  font-size: 13px;
  background: #fff;
  min-width: 104px;
  color: #00a6a7;
  border: 0;
  border-radius: 0 8px 8px 0
}

.company-body-wrapper .company-sider .sign-form .btn-sms em {
  color: #00a6a7
}

.company-body-wrapper .company-sider .sign-form .text-tip .agree-policy {
  margin: 0;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-right: 2px
}

.company-body-wrapper .company-sider .sign-form .text-tip a:hover {
  opacity: .8
}

.company-body-wrapper .company-sider .sign-wrap-v2 .form-row-verify {
  position: absolute;
  min-height: 36px;
  background: #e8e8e8;
  top: 42px;
  width: 100%;
  height: 36px;
  border-radius: 2px;
  box-shadow: none;
  z-index: 9
}

.company-body-wrapper .company-sider .sign-wrap-v2 .form-row-verify:before {
  content: none
}

.company-body-wrapper .company-sider .sign-wrap-v2 .form-row-verify:after {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -45px;
  content: '正在加载中';
  background: url(https://z.zhipin.com/web/geek/resource/loading.gif) right center no-repeat;
  background-size: 16px;
  padding-right: 20px;
  line-height: 36px;
  color: #969696
}

.company-body-wrapper .company-sider .sign-wrap-v2 .verify-init-dot {
  position: absolute;
  width: 13px;
  height: 13px;
  display: block;
  left: 12px;
  top: 13px;
  border-radius: 50%;
  background: #3873ff
}

.company-body-wrapper .company-sider .geetest_holder.geetest_wind {
  min-width: auto;
  height: 36px
}

.company-body-wrapper .company-sider .geetest_holder.geetest_wind .geetest_success_btn .geetest_success_box {
  top: 5px
}

.company-body-wrapper .company-sider .geetest_holder.geetest_wind .geetest_radar {
  width: 22px;
  height: 22px
}

.company-body-wrapper .company-sider .geetest_holder.geetest_wind .geetest_radar_tip,.company-body-wrapper .company-sider .geetest_holder.geetest_wind .geetest_success_radar_tip {
  height: 36px;
  line-height: 34px;
  padding-left: 36px
}

.company-body-wrapper .company-sider .geetest_holder.geetest_wind .geetest_wait {
  margin: 14px 12px
}

.company-body-wrapper .company-sider .nc-container .nc_scale {
  height: 36px
}

.company-body-wrapper .company-sider .nc-container .nc_scale .btn_ok {
  color: #5dd5c8;
  border-color: #5dd5c8
}

.company-body-wrapper .company-sider .nc-container .nc_scale span {
  width: 46px;
  height: 36px;
  line-height: 36px
}

.company-body-wrapper .company-sider .nc-container .nc_scale .nc_bg,.company-body-wrapper .company-sider .nc-container .nc_scale .on_ok {
  background: #8d92a1
}

.company-body-wrapper .company-sider .nc-container .nc_scale .scale_text {
  line-height: 36px;
  background-color: #eef0f5;
  color: #61687c
}

.company-body-wrapper .company-sider .nc-container .nc_scale .nc_wrapper {
  width: 100%!important;
  overflow: hidden
}

.company-body-wrapper .company-sider .form-row-verify .picture_box {
  position: relative;
  width: 100%;
  padding-right: 94px;
  box-sizing: border-box
}

.company-body-wrapper .company-sider .form-row-verify .picture_box .input_code {
  height: 36px!important;
  padding: 9px 12px!important;
  font-size: 12px;
  border: 1px solid #e3e7ed;
  padding-left: 0;
  outline: 0;
  width: 100%!important;
  top: 0!important;
  box-sizing: border-box;
  border-radius: 0
}

.company-body-wrapper .company-sider .form-row-verify .picture_box .input_code:focus {
  box-shadow: none;
  border-color: #00c2b3
}

.company-body-wrapper .company-sider .form-row-verify .picture_box .code_img {
  position: absolute;
  top: 0;
  right: 0;
  height: 36px!important;
  width: 96px;
  outline: 0;
  margin-left: 0!important
}

.company-body-wrapper .company-sider .form-row-verify .picture_box .btn-img {
  right: 90px
}

.company-body-wrapper .company-sider .yidun_intellisense--light .yidun_classic-container {
  z-index: 1011
}

.company-body-wrapper .company-sider .yidun.yidun--light .yidun_bgimg .yidun_bg-img {
  width: 100%!important;
  height: auto!important
}

.company-body-wrapper .company-sider .yidun_intellisense--light .yidun_classic-tips .yidun_tips__text {
  line-height: 36px
}

.company-body-wrapper .company-sider .yidun.yidun--light .yidun_jigsaw {
  width: auto!important;
  height: 100%!important
}

.company-body-wrapper .company-sider .yidun_intellisense--light .yidun_intelli-control {
  height: 36px
}

.company-body-wrapper .company-sider .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slider {
  background-color: #00c2b3
}

.company-body-wrapper .company-sider .yidun_intellisense--light .yidun_intelli-text {
  line-height: 36px
}

.company-body-wrapper .company-sider .yidun.yidun--light {
  min-width: auto!important
}

.company-body-wrapper .company-sider .yidun.yidun--light .yidun_slider:hover {
  color: #00c2b3;
  background-color: #00c2b3
}

.company-body-wrapper .company-sider .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slide_indicator {
  border-color: #00c2b3;
  background: #eefff5
}

.company-body-wrapper .company-sider .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-icon,.yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-icon {
  background-color: #00c2b3
}

.company-body-wrapper .company-sider .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-text,.yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-text {
  color: #00c2b3
}

.company-body-wrapper .company-sider .yidun_intellisense--light.yidun_intellisense--success .yidun_classic-tips {
  color: #00c2b3;
  background: #eefff5;
  cursor: default;
  border-color: #00c2b3;
  line-height: 34px;
  height: 36px;
  text-align: left;
  padding: 0 18px
}

.company-body-wrapper .company-sider .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-icon {
  background-color: #00c2b3;
  box-shadow: 0 2px 6px 1px #00c2b3
}

.company-body-wrapper .company-sider .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-text {
  color: #00c2b3
}

.company-body-wrapper .company-sider .yidun_intellisense--light {
  z-index: 999
}

.company-body-wrapper .links-container {
  padding: 20px 24px 6px;
  background: #fff;
  border-radius: 12px;
  border: none
}

.company-body-wrapper .links-container .links-box {
  padding-top: 0;
  width: auto
}

.company-body-wrapper .links-container .title-box {
  position: relative;
  margin-right: 0
}

.company-body-wrapper .links-box .title-box .title-item:after {
  bottom: 1px;
  border-radius: 2px;
  height: 3px;
  width: 28px;
  margin-left: -14px;
  left: 50%
}

.company-body-wrapper .links-box .title-box .title-item.cur:after {
  background: linear-gradient(90deg,#16d9d8 0,#00bebd 100%)
}

.company-body-wrapper .links-container .title-box:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 1px;
  background: #e6e6e6
}

.company-body-wrapper .links-container .links-box .title-box .title-item {
  height: auto;
  font-size: 16px;
  font-weight: 400;
  color: #666;
  line-height: 22px;
  padding-bottom: 14px;
  transition: all .2s linear;
  margin-right: 0
}

.company-body-wrapper .links-container .links-box .title-box .title-item+.title-item {
  margin-left: 32px
}

.company-body-wrapper .links-container .links-box .title-box .title-item.cur {
  color: #00a6a7;
  font-weight: 600
}

.company-body-wrapper .links-container .links-box .title-box .title-item:hover {
  color: #00a6a7;
  font-weight: 600
}

.company-body-wrapper .links-box .links-wrapper {
  padding-top: 20px;
  background: 0 0
}

.company-body-wrapper .links-box .links-wrapper .links-content.limited {
  max-height: 155px
}

.company-body-wrapper .links-box .links-wrapper .links-content a {
  font-size: 12px;
  color: #666;
  line-height: 17px;
  transition: all .2s linear;
  margin: 0 28px 14px 0;
  float: left
}

.company-body-wrapper .links-box .links-wrapper .links-content a:hover {
  color: #00a6a7
}

.company-body-wrapper .links-box .expand-btn {
  margin-bottom: 14px
}

.company-body-wrapper .links-box .expand-btn a {
  color: #666;
  font-size: 13px
}

.company-body-wrapper .links-box .expand-btn a:hover {
  color: #00a6a7;
  font-weight: 500
}

.company-body-wrapper .more-view {
  display: inline-block;
  line-height: 24px;
  height: 24px
}

.company-body-wrapper .more-view span {
  display: inline-block;
  vertical-align: middle
}

.company-body-wrapper .more-view i {
  position: relative;
  top: -4px;
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 7px;
  margin-top: 7px;
  margin-left: 8px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.company-body-wrapper .more-view:hover i {
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.company-body-wrapper .more-view .fz-slidedown {
  transform: rotate(90deg)
}

.company-body-wrapper .more-view .fz-slideup {
  transform: rotate(270deg)
}

.company-body-wrapper .pos-bread {
  margin-top: 20px
}

.company-body-wrapper .pos-bread a {
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: #999;
  line-height: 17px;
  padding: 0 8px;
  transition: all .2s linear
}

.company-body-wrapper .pos-bread a:hover {
  color: #00a6a7;
  text-decoration: none
}

.company-body-wrapper .pos-bread>a:first-child {
  padding-left: 24px
}

.company-body-wrapper .pos-bread>a:first-child:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: url(https://img.bosszhipin.com/static/file/2022/dg1u3dcnun1661743137830.png) 0 -64px/16px auto no-repeat
}

.company-body-wrapper .pos-bread a:first-child:hover:before {
  background-position: 0 -80px
}

.company-body-wrapper .pos-bread .link-collect+a:before,.company-body-wrapper .pos-bread .link-collect:before,.company-body-wrapper .pos-bread>a+a:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 5px;
  width: 1px;
  height: 7px;
  background: #999;
  border-radius: 1px;
  z-index: 1
}

.company-body-wrapper .pos-bread .link-collect {
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: #999;
  line-height: 17px;
  padding: 0 8px;
  transition: all .2s linear
}

.company-body-wrapper .pos-bread .link-collect a {
  padding: 0
}

.company-body-wrapper .company-new .job-box .update-time {
  line-height: 17px;
  color: #999;
  margin-top: 12px
}

.company-body-wrapper #footer {
  background: #313438;
  color: rgba(255,255,255,.5);
  margin-top: 28px
}

.company-body-wrapper .footer-about dl dt {
  color: rgba(255,255,255,.8)
}

.company-body-wrapper .footer-about dl dd a,.company-body-wrapper .footer-about dl dd p {
  color: rgba(255,255,255,.5)
}

.company-body-wrapper .copyright a {
  color: rgba(255,255,255,.5)
}

.company-body-wrapper .copyright a:hover,.company-body-wrapper .footer-about dl dd a:hover {
  color: #00bebd
}

.company-body-wrapper #footer .icon-app,.company-body-wrapper #footer .icon-client-app,.company-body-wrapper #footer .icon-weibo,.company-body-wrapper #footer .icon-weixin {
  border: none;
  background-color: rgba(255,255,255,.1)
}

.company-body-wrapper .links-friends-wrapper {
  background: #313438;
  border: 1px solid #46494c;
  padding: 7px 0 6px 0
}

.company-body-wrapper .links-friends-wrapper .links .links-item a {
  color: rgba(255,255,255,.5)
}

.company-body-wrapper .links-friends-wrapper .links .links-item a:hover {
  color: #00bebd
}

.company-body-wrapper .links-friends-wrapper .links {
  margin: 0 auto
}

.company-body-wrapper .links-friends-wrapper .links label,.company-body-wrapper .links-friends-wrapper .links label:hover {
  color: rgba(255,255,255,.5)
}

.company-body-wrapper .links-friends-wrapper .links .links-item {
  margin-bottom: 12px
}

.company-body-wrapper .links-friends dt {
  color: rgba(255,255,255,.5)
}

.vr-iframe-loading {
  width: 200px;
  height: 60px;
  text-align: center;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -100px;
  margin-top: -30px;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center
}

.vr-iframe-loading .boss-loading .component-b,.vr-iframe-loading .boss-loading .component-o,.vr-iframe-loading .boss-loading .component-s1,.vr-iframe-loading .boss-loading .component-s2 {
  display: inline-block;
  width: 40px;
  height: 42px;
  background: url(https://img.bosszhipin.com/static/file/2023/boss-ui-loading.png) no-repeat;
  vertical-align: middle;
  -webkit-animation-fill-mode: both;
  -webkit-animation: bossLoading .6s infinite linear alternate;
  -moz-animation: bossLoading .6s infinite linear alternate;
  animation: bossLoading .6s infinite linear alternate
}

.vr-iframe-loading .boss-loading .component-b {
  background-position: 0 0
}

.vr-iframe-loading .boss-loading .component-o {
  content: "";
  background-position: 0 -68px;
  margin-left: -4px;
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  animation-delay: .1s
}

.vr-iframe-loading .boss-loading .component-s1 {
  background-position: 0 -141px;
  margin-left: 6px;
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  animation-delay: .2s
}

.vr-iframe-loading .boss-loading .component-s2 {
  content: "";
  background-position: 0 -141px;
  margin-left: -4px;
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  animation-delay: .3s
}

.vr-iframe-loading .boss-loading p {
  margin-top: 10px
}

.gray {
  color: #9fa3b0
}

.company-position-wrapper {
  background: #f2f4f7
}

.company-position-wrapper:before {
  content: ' ';
  position: absolute;
  top: 49px;
  left: 0;
  right: 0;
  height: 614px;
  background: linear-gradient(180deg,#00bebd 0,#88fffe 50%,#fff 100%);
  opacity: .1;
  z-index: -1
}

.company-position-wrapper .company-banner {
  background-image: linear-gradient(90deg,#3b526a 0,#345a6d 100%);
  padding: 30px 0
}

.company-position-wrapper .company-banner.company-business-banner {
  padding: 30px 0 86px
}

.company-position-wrapper .company-banner.company-business-banner .company-stat {
  display: none
}

.company-position-wrapper .company-banner .info-primary img {
  width: 100px;
  height: 100px;
  border-radius: 12px
}

.company-position-wrapper .company-banner .info-primary .info {
  margin-left: 24px
}

.company-position-wrapper .company-banner .info-primary .icon-brand {
  width: 28px;
  height: 28px;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-left: 16px;
  background: url(https://img.bosszhipin.com/static/file/2022/p31w76t8u01662368559649.png) 0 0/28px auto no-repeat
}

.company-position-wrapper .company-banner .info-primary h1 {
  font-size: 36px;
  font-weight: 600;
  color: #fff;
  line-height: 50px
}

.company-position-wrapper .company-banner .info-primary .info p {
  padding: 0 0 0 2px;
  margin-top: 13px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  line-height: 21px
}

.company-position-wrapper .company-new .company-banner .industry-link {
  color: #fff
}

.company-position-wrapper .company-stat span {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  font-size: 15px;
  line-height: 21px
}

.company-position-wrapper .company-stat span b {
  display: inline-block;
  font-family: kanzhun-Regular,kanzhun;
  font-size: 36px;
  line-height: 55px;
  color: #54cbc4;
  text-align: right;
  color: #fff;
  padding: 0;
  font-weight: 400;
  vertical-align: sub;
  margin-right: 6px
}

.company-position-wrapper .company-stat .vline+span,.company-position-wrapper .company-stat span+span {
  margin-left: 30px;
  width: auto
}

.company-position-wrapper .company-stat .vline {
  display: none
}

.company-position-wrapper .company-stat .op {
  margin-top: 20px;
  overflow: hidden
}

.company-position-wrapper .company-stat .op a+a {
  margin-left: 32px
}

.company-position-wrapper .company-stat .op a {
  font-size: 16px;
  color: #fff;
  line-height: 22px
}

.company-position-wrapper .company-stat .op a:hover {
  color: #00e6e4
}

.company-position-wrapper .company-stat .op .icon {
  vertical-align: middle;
  position: relative;
  top: -2px;
  width: 18px;
  height: 18px;
  background: url(https://img.bosszhipin.com/static/file/2022/tsai5diw351661504694017.png) 0 0/18px auto no-repeat
}

.company-position-wrapper .company-stat .op .icon-resume .icon {
  background-position: 0 -18px
}

.company-position-wrapper .company-stat .op .icon-resume-login,.company-position-wrapper .company-stat .op .icon-upload-login {
  color: #00d1d0
}

.company-position-wrapper .company-stat .op .icon-resume-login:hover,.company-position-wrapper .company-stat .op .icon-upload-login:hover {
  color: #00e6e4
}

.company-position-wrapper .company-stat .op .icon-upload-login .icon {
  background-position: 0 -36px
}

.company-position-wrapper .company-stat .op .icon-upload-login:hover .icon,.company-position-wrapper .company-stat .op .icon-upload:hover .icon {
  background-position: 0 -72px
}

.company-position-wrapper .company-stat .op .icon-resume-login .icon {
  background-position: 0 -54px
}

.company-position-wrapper .company-stat .op .icon-resume-login:hover .icon,.company-position-wrapper .company-stat .op .icon-resume:hover .icon {
  background-position: 0 -90px
}

.company-position-wrapper .company-tab {
  width: 1184px;
  margin: 16px auto 0;
  background: #fff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  padding: 0 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

.company-position-wrapper .company-tab a {
  position: relative;
  padding: 12px 0;
  font-size: 18px;
  font-weight: 500;
  color: #333;
  line-height: 25px;
  margin: 0;
  border: none;
  transition: all .2s linear
}

.company-position-wrapper .company-tab a+a {
  margin-left: 32px
}

.company-position-wrapper .company-tab a:hover {
  color: #00a6a7
}

.company-position-wrapper .company-tab a.cur {
  color: #00a6a7
}

.company-position-wrapper .company-tab a.cur:after {
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -14px;
  z-index: 1;
  width: 28px;
  height: 3px;
  background: linear-gradient(90deg,#16d9d8,#00bebd);
  border-radius: 2px
}

.company-position-wrapper .smallbanner {
  background: linear-gradient(90deg,#3b526a 0,#345a6d 100%)
}

.company-position-wrapper .smallbanner .smallbanner-content {
  position: relative
}

.company-position-wrapper .smallbanner .info-primary {
  display: none
}

.company-position-wrapper .smallbanner .info-primary img {
  width: 80px;
  height: 80px;
  border-radius: 12px
}

.company-position-wrapper .smallbanner .company-stat {
  position: absolute;
  right: 0;
  bottom: 14px
}

.company-position-wrapper .smallbanner .company-stat .op {
  margin-top: 0
}

.company-position-wrapper .smallbanner .info-primary .info .name {
  font-size: 36px;
  font-weight: 600;
  color: #fff;
  line-height: 50px;
  padding: 15px 0
}

.company-position-wrapper .smallbanner .company-tab {
  background: 0 0;
  margin-top: 0;
  padding: 0
}

.company-position-wrapper .smallbanner .company-tab a {
  color: #fff
}

.company-position-wrapper .smallbanner .company-tab a.cur,.company-position-wrapper .smallbanner .company-tab a:hover {
  color: #00bebf
}

.company-position-wrapper .smallbanner .company-tab a.cur:after {
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -14px;
  z-index: 1;
  width: 28px;
  height: 3px;
  background: linear-gradient(90deg,#16d9d8,#00bebd);
  border-radius: 2px
}

.company-position-wrapper .company-job .job-category {
  position: relative;
  width: 1184px;
  background: #fff;
  border-radius: 12px;
  padding: 20px 24px;
  box-sizing: border-box;
  margin-top: 16px;
  z-index: 10
}

.company-position-wrapper .company-job .job-category-label {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  width: 76px
}

.company-position-wrapper .company-job .job-category-items {
  margin-left: 76px
}

.company-position-wrapper .company-job .job-category a {
  font-size: 14px;
  color: #333;
  line-height: 20px;
  margin: 0 20px 20px;
  vertical-align: top
}

.company-position-wrapper .company-job .job-category a.cur,.company-position-wrapper .company-job .job-category a:hover {
  font-weight: 600;
  color: #00a6a7
}

.company-position-wrapper .company-job .job-filter {
  display: block
}

.company-position-wrapper .company-job .job-filter .job-category-label {
  display: none
}

.company-position-wrapper .company-job .job-filter .job-category-items {
  margin-left: 0
}

.company-position-wrapper .company-job .job-select {
  margin: 4px 20px 0 0
}

.company-position-wrapper .company-job .job-select.open .job-selected,.company-position-wrapper .company-job .job-selected.is-selected {
  color: #00a6a7;
  background: #e5f8f8
}

.company-position-wrapper .company-job .job-select.open .job-selected:after,.company-position-wrapper .company-job .job-selected.is-selected:after {
  background-position: -6px -8px;
  transform: rotate(270deg)
}

.company-position-wrapper .company-job .job-selected {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #222;
  line-height: 20px;
  padding: 6px 27px 6px 12px;
  cursor: pointer;
  background: #f8f8f8;
  border-radius: 4px;
  transition: all .2s linear;
  box-sizing: border-box
}

.company-position-wrapper .company-job .job-selected:after {
  content: " ";
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 12px;
  width: 4px;
  height: 7px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
  transform: rotate(90deg);
  z-index: 1;
  border: none;
  transition: none
}

.company-position-wrapper .company-job .job-options {
  position: absolute;
  width: 168px;
  top: 40px;
  left: 0;
  background: #fff;
  box-shadow: 0 4px 16px 0 rgb(0 0 0 / 8%);
  padding: 4px 8px;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid #ededed;
  z-index: 4;
  transition: all .2s linear
}

.company-position-wrapper .company-job .job-options a {
  position: relative;
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  height: 36px;
  line-height: 20px;
  padding: 8px 16px 8px 8px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  border-radius: 4px;
  background: #fff;
  transition: all .2s linear
}

.company-position-wrapper .company-job .job-options a.cur {
  color: #333;
  font-weight: 400
}

.company-position-wrapper .company-job .job-options a:hover {
  color: #00a6a7;
  font-weight: 500;
  background: #f8f8f8
}

.company-position-wrapper .company-job .job-search-ipt {
  position: relative;
  display: inline-block;
  width: 240px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid #ededed;
  font-size: 0;
  box-sizing: border-box
}

.company-position-wrapper .company-job .job-search-ipt.active,.company-position-wrapper .company-job .job-search-ipt:hover {
  border: 1px solid #00bebd;
  transition: all .2s linear
}

.company-position-wrapper .company-job .job-search-btn {
  display: inline-block;
  position: absolute;
  right: 16px;
  top: 3px;
  width: 24px;
  height: 24px;
  background: url() 0 0 no-repeat;
  background-size: 24px 24px;
  cursor: pointer
}

.company-position-wrapper .company-job .job-search-ipt.active .job-search-btn,.company-position-wrapper .company-job .job-search-ipt:hover .job-search-btn {
  background: url() 0 0 no-repeat;
  background-size: 24px 24px
}

.company-position-wrapper .company-job .job-search-ipt input.job-search-ipt-inner {
  padding: 0 42px 0 16px;
  display: inline-block;
  width: 100%;
  height: 100%;
  border: none;
  outline: 0;
  background: 0 0;
  box-sizing: border-box;
  vertical-align: top
}

.company-position-wrapper .company-job .job-search-ipt .job-search-ipt-options {
  position: absolute;
  left: 0;
  top: 36px;
  width: 100%;
  max-height: 200px;
  font-size: 14px;
  background-color: #fff;
  color: #222;
  border-radius: 12px;
  border: 1px solid #ededed;
  box-shadow: 0 4px 16px 0 rgba(0,0,0,.08);
  box-sizing: border-box;
  transition: height 2s ease;
  overflow: hidden
}

.company-position-wrapper .company-job .job-search-ipt .job-search-ipt-options .empty-tip {
  padding-left: 12px
}

.company-position-wrapper .company-job .job-search-ipt .job-search-ipt-options.hide {
  display: none;
  height: 0
}

.company-position-wrapper .company-job .job-search-ipt .job-search-ipt-options ul {
  padding: 4px 4px;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box
}

.company-position-wrapper .company-job .job-search-ipt .job-search-ipt-options li {
  width: 228px;
  height: 40px;
  border-radius: 4px;
  box-sizing: border-box
}

.company-position-wrapper .company-job .job-search-ipt .job-search-ipt-options li a {
  padding-left: 12px;
  margin: 0 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box
}

.company-position-wrapper .company-job .job-search-ipt .job-search-ipt-options li a:hover {
  font-weight: 400;
  color: #222
}

.company-position-wrapper .company-job .job-search-ipt .job-search-ipt-options u {
  text-decoration: none;
  color: #00a6a7
}

.company-position-wrapper .company-job .job-search-ipt .job-search-ipt-options li:hover {
  background: #f8f8f8
}

.company-position-wrapper .company-job .home-inner {
  margin-top: 16px
}

.company-position-wrapper .seen-list {
  border-radius: 12px;
  background: #fff
}

.company-position-wrapper .seen-list .list-title {
  background: linear-gradient(90deg,#f5fcfc 0,#fcfbfa 100%);
  border-radius: 12px 12px 0 0;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  padding: 12px 24px;
  border: none
}

.company-position-wrapper .seen-list ul {
  padding: 4px 8px;
  background: #fff;
  border-radius: 12px
}

.company-position-wrapper .seen-list ul li {
  margin: 0;
  padding: 0;
  border: none
}

.company-position-wrapper .seen-list ul li a {
  padding: 12px 16px;
  display: block;
  border-radius: 8px;
  transition: all .2s linear
}

.company-position-wrapper .seen-list ul li a:hover {
  background: #f7f7f7
}

.company-position-wrapper .seen-list ul li a:hover h4 {
  color: #00a6a7
}

.company-position-wrapper .seen-list ul li .history-job-top {
  margin-bottom: 4px;
  overflow: hidden
}

.company-position-wrapper .seen-list ul li h4 {
  float: left;
  max-width: 120px;
  font-weight: 500;
  color: #333;
  font-size: 14px;
  line-height: 20px;
  padding-right: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .2s linear
}

.company-position-wrapper .seen-list ul li .job-salary {
  float: right;
  color: #fe574a;
  line-height: 20px;
  font-weight: 400;
  font-size: 17px;
  font-family: kanzhun-Regular,kanzhun;
  white-space: nowrap;
  position: relative;
  top: -2px
}

.company-position-wrapper .seen-list ul li .history-job-bottom {
  overflow: hidden
}

.company-position-wrapper .seen-list ul li .history-job-bottom .company-name {
  float: left;
  max-width: 100px;
  font-size: 12px;
  color: #999;
  line-height: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.company-position-wrapper .seen-list ul li .history-job-bottom .company-position {
  float: right;
  max-width: 130px;
  font-size: 12px;
  font-weight: 400;
  color: #999;
  line-height: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.company-position-wrapper .company-position-main {
  width: 884px
}

.company-position-wrapper .company-position-main .job-list {
  margin-bottom: 0;
  width: 100%;
  min-height: auto;
  background: 0 0
}

.company-position-wrapper .company-position-main .data-tips,.company-position-wrapper .company-position-main .job-list-none {
  border-radius: 12px;
  background: #fff;
  padding: 100px 0
}

.company-position-wrapper .company-position-main .data-tips .tip-nodata {
  width: 200px;
  height: 122px;
  margin: 0 auto;
  background: url(https://img.bosszhipin.com/static/file/2022/a01kqbjd7l1655973421679.png) center/200px auto no-repeat
}

.company-position-wrapper .company-position-main .data-tips b {
  display: block;
  text-align: center;
  font-size: 16px;
  margin-top: 26px;
  color: #666;
  line-height: 24px;
  font-weight: 400
}

.company-position-wrapper .company-position-main .job-list li {
  position: relative;
  z-index: 1;
  border: none;
  border-radius: 12px;
  padding: 24px;
  height: 104px;
  margin: 0;
  transition: box-shadow .2s linear;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

.company-position-wrapper .company-position-main .job-list li+li {
  margin-top: 16px
}

.company-position-wrapper .company-position-main .job-list li:hover {
  position: relative;
  box-shadow: 0 16px 40px 0 rgba(153,153,153,.3);
  z-index: 2
}

.company-position-wrapper .company-position-main .job-list li.hover {
  z-index: 11
}

.company-position-wrapper .company-position-main .job-list li:hover .name .title-box .job-area,.company-position-wrapper .company-position-main .job-list li:hover .name .title-box .job-title {
  color: #00a6a7
}

.company-position-wrapper .company-position-main .job-list li .job-primary {
  padding: 0;
  margin: 0;
  height: 56px
}

.company-position-wrapper .company-position-main .job-list .job-primary {
  height: auto
}

.company-position-wrapper .company-position-main .job-list li .name {
  line-height: 22px;
  height: 22px;
  margin-bottom: 8px
}

.company-position-wrapper .job-list li .name .title-box {
  height: 22px;
  line-height: 22px
}

.company-position-wrapper .job-list li .name .info-detail {
  top: -24px;
  font-weight: 400;
  width: 500px;
  right: -24px;
  border-radius: 12px;
  padding: 0;
  box-shadow: 0 16px 40px 0 rgba(153,153,153,.3)
}

.company-position-wrapper .job-list .name .info-detail:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 60px;
  z-index: 1;
  background: linear-gradient(90deg,#f5fcfc 0,#fcfbfa 100%);
  border-radius: 12px 12px 0 0
}

.company-position-wrapper .job-list .name .info-detail:after {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 60px;
  z-index: 2;
  background: linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 100%);
  border-radius: 12px 12px 0 0
}

.company-position-wrapper .job-list .name .info-detail .detail-bottom {
  position: relative;
  z-index: 3;
  background: 0 0
}

.company-position-wrapper .job-list li .job-primary .detail-bottom .detail-bottom-title {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  margin: 20px 0 12px;
  padding: 0
}

.company-position-wrapper .company-job .info-detail .detail-bottom-title:before {
  width: 4px;
  height: 16px;
  background: #00bebd;
  border-radius: 2px;
  margin: -2px 6px 0 0
}

.company-position-wrapper .job-list li .job-primary .detail-bottom .detail-bottom-text {
  line-height: 28px;
  max-height: 280px;
  color: #333
}

.company-position-wrapper .company-job .info-detail .detail-bottom {
  padding: 0 20px 20px;
  border-radius: 12px
}

.company-position-wrapper .company-job .info-detail .detail-bottom-labels {
  overflow: hidden;
  margin-top: 12px;
  margin-bottom: -8px
}

.company-position-wrapper .company-job .info-detail .detail-bottom-labels .detail-bottom-label {
  background: #f7f7f7;
  border-radius: 4px;
  padding: 4px 12px;
  border: none;
  height: auto;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
  transition: all .2s linear
}

.company-position-wrapper .company-position-main .job-list li .name .title-box .job-area,.company-position-wrapper .company-position-main .job-list li .name .title-box .job-title {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  height: 22px
}

.company-position-wrapper .company-position-main .job-list li .job-primary .info-primary {
  width: 560px
}

.company-position-wrapper .company-position-main .job-list li .job-primary .info-primary .name+p {
  margin: 0;
  overflow: hidden
}

.company-position-wrapper .company-position-main .job-list li .job-primary .info-primary .name+p .salary {
  font-size: 20px;
  font-family: kanzhun-Regular,kanzhun;
  color: #fe574a;
  line-height: 24px;
  float: left;
  margin-right: 8px
}

.company-position-wrapper .company-position-main .job-list li .tag-list {
  height: 22px;
  float: left;
  margin-top: 2px
}

.company-position-wrapper .company-position-main .job-list li .tag-list-item {
  background: #f7f7f7;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 13px;
  color: #666;
  line-height: 18px;
  float: left;
  margin-right: 8px;
  transition: all .2s linear
}

.company-position-wrapper .company-position-main .job-list li .boss-online-tag {
  margin-right: 8px;
  height: 22px;
  line-height: 22px
}

.company-position-wrapper .company-position-main .job-list li .job-primary .online-apply-tag {
  margin-left: 0;
  margin-right: 8px;
  font-size: 13px
}

.company-position-wrapper .company-position-main .job-list .job-primary .info-publis {
  width: 218px;
  margin-top: 4px;
  overflow: hidden
}

.company-position-wrapper .company-position-main .job-list .info-publis-avatar {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  margin-right: 16px;
  float: left
}

.company-position-wrapper .company-position-main .job-list .info-publis-avatar img {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  margin: 0
}

.company-position-wrapper .company-position-main .job-list .job-primary .info-publis-info {
  float: left;
  max-width: 154px
}

.company-position-wrapper .company-position-main .job-list .job-primary .info-publis-info .name {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  height: 22px;
  margin-bottom: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left
}

.company-position-wrapper .company-position-main .job-list .job-primary .info-publis-info .boss-title {
  display: block;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left
}

.company-position-wrapper .company-position-main .job-list li .startchat-box {
  padding: 0;
  top: 50%;
  right: 24px;
  margin-top: -24px;
  width: 218px
}

.company-position-wrapper .company-position-main .job-list li .startchat-box a {
  border-radius: 8px;
  height: 30px;
  line-height: 30px;
  min-width: 102px;
  font-size: 14px;
  font-weight: 500;
  float: left;
  margin-top: 9px
}

.company-position-wrapper .company-job .job-list li .startchat-box .btn {
  background: #00bebd;
  border-color: #00bebd
}

.company-position-wrapper .company-job .job-list li .startchat-box .btn:hover {
  background: rgba(0,190,189,.8);
  border-color: rgba(0,190,189,.8)
}

.company-position-wrapper .company-position-main .job-list .page {
  padding: 0;
  margin: 32px auto 40px
}

.company-position-wrapper .company-position-main .job-list .page a {
  color: #666
}

.company-position-wrapper .company-position-main .job-list .page a.next,.company-position-wrapper .company-position-main .job-list .page a.prev {
  border: none;
  border-radius: 6px
}

.company-position-wrapper .company-position-main .job-list .page a.prev {
  background-image: none;
  position: relative
}

.company-position-wrapper .company-position-main .job-list .page a.prev:hover:after {
  width: 5px;
  height: 8px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) 0 -8px/10px auto no-repeat;
  transform: rotate(0)
}

.company-position-wrapper .company-position-main .job-list .page a.next:hover:after {
  width: 5px;
  height: 8px;
  top: 10px;
  right: 10px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) 0 -8px/10px auto no-repeat;
  transform: rotate(180deg)
}

.company-position-wrapper .company-position-main .job-list .page a.prev:after {
  position: absolute;
  content: '';
  width: 4px;
  height: 7px;
  top: 9px;
  right: 12px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
  transform: rotate(180deg)
}

.company-position-wrapper .company-position-main .job-list .page a.next {
  background-image: none;
  position: relative
}

.company-position-wrapper .company-position-main .job-list .page a.next:after {
  position: absolute;
  content: '';
  width: 4px;
  height: 7px;
  top: 10px;
  right: 11px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.company-position-wrapper .company-position-main .job-list .page a:hover {
  color: #fff;
  border-color: #00bebd;
  background-color: #00bebd
}

.company-position-wrapper .company-position-main .job-list .page a.disabled:hover {
  cursor: not-allowed;
  background-color: #fff;
  border-color: #fff
}

.company-position-wrapper .company-position-main .job-list .page .next.disabled:hover:after {
  background-position: -6px -16px;
  transform: none
}

.company-position-wrapper .company-position-main .job-list .page .prev.disabled:hover:after {
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
  transform: rotate(180deg)
}

.company-position-wrapper .company-position-main .job-list .page a,.company-position-wrapper .company-position-main .job-list .page span {
  width: 26px;
  height: 26px;
  line-height: 26px;
  border-radius: 6px;
  margin: 0 2px
}

.company-position-wrapper .company-position-main .job-list .page span {
  line-height: 20px;
  cursor: pointer;
  border: none;
  color: #333;
  background-color: transparent
}

.company-position-wrapper .company-position-main .job-list .page span:hover {
  color: #00bebd
}

.company-position-wrapper .company-position-main .job-list .page a.cur {
  background: #00bebd;
  border-color: #00bebd;
  color: #fff
}

.company-position-wrapper .company-position-main .job-list .company-search .page {
  background: 0 0
}

.company-position-wrapper .jconfirm .pop-sign-box .jconfirm-box {
  border-radius: 12px
}

.company-position-wrapper .company-sider .sign-wrap {
  margin-bottom: 16px
}

.company-position-wrapper .company-sider .sign-form {
  position: relative;
  background: url(https://img.bosszhipin.com/static/file/2022/myz8vq8tfh1655797191987.png) 16px 14px/auto 50px no-repeat,linear-gradient(180deg,#00bebd,#00a6a7) hsla(0,0%,100%,.21);
  border-radius: 14px;
  margin-bottom: 16px;
  padding-left: 12px;
  padding-right: 12px
}

.company-position-wrapper .company-sider .sign-form:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(180deg,rgba(54,202,202,0),#fff);
  border-radius: 12px
}

.company-position-wrapper .company-sider .sign-form .title {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  line-height: 25px;
  padding-top: 20px;
  padding-bottom: 10px
}

.company-position-wrapper .company-sider .sign-form form {
  position: relative;
  z-index: 1;
  background: linear-gradient(180deg,rgba(245,252,252,.8),#fcfbfa);
  border-radius: 12px 12px 0 0;
  border: 1px solid #f7fdfd;
  backdrop-filter: blur(7px);
  padding: 20px 18px;
  width: auto
}

.company-position-wrapper .company-sider .sign-form .ipt-wrap:hover .ipt {
  box-shadow: none;
  border: 1px solid #00bebd
}

.company-position-wrapper .company-sider .sign-form .form-btn {
  margin-top: 20px
}

.company-position-wrapper .company-sider .form-btn .btn {
  display: block;
  text-align: center;
  background: #00bebd;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  line-height: 21px;
  padding: 4px 0;
  height: 36px;
  margin-top: 20px;
  box-sizing: border-box;
  transition: all .2s linear
}

.company-position-wrapper .company-sider .form-btn .btn:hover {
  opacity: .8
}

.company-position-wrapper .company-sider .sign-form .text-tip {
  font-size: 12px;
  font-weight: 400;
  color: #666;
  line-height: 17px;
  margin-top: 12px;
  padding: 0
}

.company-position-wrapper .company-sider .sign-form .text-tip a {
  color: #00a6a7;
  transition: all .2s linear
}

.company-position-wrapper .company-sider .sign-form .dropdown-select {
  top: 0;
  height: 36px
}

.company-position-wrapper .company-sider .sign-form .dropdown-select .icon-select-arrow {
  top: 11px
}

.company-position-wrapper .company-sider .sign-form .dropdown-select .text-select {
  padding: 5px 12px 5px 0
}

.company-position-wrapper .company-sider .sign-form .icon-sign-phone,.company-position-wrapper .company-sider .sign-form .icon-sign-sms {
  position: absolute;
  left: 12px;
  top: 10px;
  width: 13px;
  height: 16px;
  background: url(https://img.bosszhipin.com/static/file/2022/glowg5q8861655467618066.png) 0 0/auto 32px no-repeat
}

.company-position-wrapper .company-sider .sign-form .tip-error {
  background: 0 0;
  position: absolute;
  left: 0;
  top: 40px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  padding: 0 0 0 12px;
  color: #f53d47;
  text-align: left;
  white-space: nowrap
}

.company-position-wrapper .company-sider .sign-form .ipt-wrap.focus-wrap .icon-sign-phone {
  background-position: -13px 0
}

.company-position-wrapper .company-sider .sign-form .icon-sign-sms {
  width: 14px;
  background-position: 0 -16px
}

.company-position-wrapper .company-sider .sign-form .ipt-wrap.focus-wrap .icon-sign-sms {
  background-position: -14px -16px
}

.company-position-wrapper .company-sider .sign-form .dropdown-select .icon-select-arrow {
  position: absolute;
  right: 0;
  top: 14px;
  width: 4px;
  height: 7px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
  transform: rotate(90deg)
}

.company-position-wrapper .company-sider .sign-form .ipt {
  box-sizing: border-box;
  width: 100%;
  border-radius: 8px;
  padding-top: 6px;
  padding-bottom: 6px;
  border: 1px solid transparent
}

.company-position-wrapper .company-sider .sign-form .btn-sms {
  position: absolute;
  right: 2px;
  top: 2px;
  height: 32px;
  line-height: 32px;
  letter-spacing: 1px;
  text-align: center;
  cursor: pointer;
  font-size: 13px;
  background: #fff;
  min-width: 104px;
  color: #00a6a7;
  border: 0;
  border-radius: 0 8px 8px 0
}

.company-position-wrapper .company-sider .sign-form .btn-sms em {
  color: #00a6a7
}

.company-position-wrapper .company-sider .sign-form .text-tip .agree-policy {
  margin: 0;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-right: 2px
}

.company-position-wrapper .company-sider .sign-form .text-tip a:hover {
  opacity: .8
}

.company-position-wrapper .company-sider .sign-wrap-v2 .form-row-verify {
  position: absolute;
  min-height: 36px;
  background: #e8e8e8;
  top: 42px;
  width: 100%;
  height: 36px;
  border-radius: 2px;
  box-shadow: none;
  z-index: 9
}

.company-position-wrapper .company-sider .sign-wrap-v2 .form-row-verify:before {
  content: none
}

.company-position-wrapper .company-sider .sign-wrap-v2 .form-row-verify:after {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -45px;
  content: '正在加载中';
  background: url(https://z.zhipin.com/web/geek/resource/loading.gif) right center no-repeat;
  background-size: 16px;
  padding-right: 20px;
  line-height: 36px;
  color: #969696
}

.company-position-wrapper .company-sider .sign-wrap-v2 .verify-init-dot {
  position: absolute;
  width: 13px;
  height: 13px;
  display: block;
  left: 12px;
  top: 13px;
  border-radius: 50%;
  background: #3873ff
}

.company-position-wrapper .company-sider .geetest_holder.geetest_wind {
  min-width: auto;
  height: 36px
}

.company-position-wrapper .company-sider .geetest_holder.geetest_wind .geetest_success_btn .geetest_success_box {
  top: 5px
}

.company-position-wrapper .company-sider .geetest_holder.geetest_wind .geetest_radar {
  width: 22px;
  height: 22px
}

.company-position-wrapper .company-sider .geetest_holder.geetest_wind .geetest_radar_tip,.company-position-wrapper .company-sider .geetest_holder.geetest_wind .geetest_success_radar_tip {
  height: 36px;
  line-height: 34px;
  padding-left: 36px
}

.company-position-wrapper .company-sider .geetest_holder.geetest_wind .geetest_wait {
  margin: 14px 12px
}

.company-position-wrapper .company-sider .nc-container .nc_scale {
  height: 36px
}

.company-position-wrapper .company-sider .nc-container .nc_scale .btn_ok {
  color: #5dd5c8;
  border-color: #5dd5c8
}

.company-position-wrapper .company-sider .nc-container .nc_scale span {
  width: 46px;
  height: 36px;
  line-height: 36px
}

.company-position-wrapper .company-sider .nc-container .nc_scale .nc_bg,.company-position-wrapper .company-sider .nc-container .nc_scale .on_ok {
  background: #8d92a1
}

.company-position-wrapper .company-sider .nc-container .nc_scale .scale_text {
  line-height: 36px;
  background-color: #eef0f5;
  color: #61687c
}

.company-position-wrapper .company-sider .nc-container .nc_scale .nc_wrapper {
  width: 100%!important;
  overflow: hidden
}

.company-position-wrapper .company-sider .form-row-verify .picture_box {
  position: relative;
  width: 100%;
  padding-right: 94px;
  box-sizing: border-box
}

.company-position-wrapper .company-sider .form-row-verify .picture_box .input_code {
  height: 36px!important;
  padding: 9px 12px!important;
  font-size: 12px;
  border: 1px solid #e3e7ed;
  padding-left: 0;
  outline: 0;
  width: 100%!important;
  top: 0!important;
  box-sizing: border-box;
  border-radius: 0
}

.company-position-wrapper .company-sider .form-row-verify .picture_box .input_code:focus {
  box-shadow: none;
  border-color: #00c2b3
}

.company-position-wrapper .company-sider .form-row-verify .picture_box .code_img {
  position: absolute;
  top: 0;
  right: 0;
  height: 36px!important;
  width: 96px;
  outline: 0;
  margin-left: 0!important
}

.company-position-wrapper .company-sider .form-row-verify .picture_box .btn-img {
  right: 90px
}

.company-position-wrapper .company-sider .yidun_intellisense--light .yidun_classic-container {
  z-index: 1011
}

.company-position-wrapper .company-sider .yidun.yidun--light .yidun_bgimg .yidun_bg-img {
  width: 100%!important;
  height: auto!important
}

.company-position-wrapper .company-sider .yidun_intellisense--light .yidun_classic-tips .yidun_tips__text {
  line-height: 36px
}

.company-position-wrapper .company-sider .yidun.yidun--light .yidun_jigsaw {
  width: auto!important;
  height: 100%!important
}

.company-position-wrapper .company-sider .yidun_intellisense--light .yidun_intelli-control {
  height: 36px
}

.company-position-wrapper .company-sider .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slider {
  background-color: #00c2b3
}

.company-position-wrapper .company-sider .yidun_intellisense--light .yidun_intelli-text {
  line-height: 36px
}

.company-position-wrapper .company-sider .yidun.yidun--light {
  min-width: auto!important
}

.company-position-wrapper .company-sider .yidun.yidun--light .yidun_slider:hover {
  color: #00c2b3;
  background-color: #00c2b3
}

.company-position-wrapper .company-sider .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slide_indicator {
  border-color: #00c2b3;
  background: #eefff5
}

.company-position-wrapper .company-sider .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-icon,.yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-icon {
  background-color: #00c2b3
}

.company-position-wrapper .company-sider .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-text,.yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-text {
  color: #00c2b3
}

.company-position-wrapper .company-sider .yidun_intellisense--light.yidun_intellisense--success .yidun_classic-tips {
  color: #00c2b3;
  background: #eefff5;
  cursor: default;
  border-color: #00c2b3;
  line-height: 34px;
  height: 36px;
  text-align: left;
  padding: 0 18px
}

.company-position-wrapper .company-sider .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-icon {
  background-color: #00c2b3;
  box-shadow: 0 2px 6px 1px #00c2b3
}

.company-position-wrapper .company-sider .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-text {
  color: #00c2b3
}

.company-position-wrapper .company-sider .yidun_intellisense--light {
  z-index: 999
}

.company-position-wrapper .links-container {
  padding: 20px 24px 6px;
  background: #fff;
  border-radius: 12px;
  border: none
}

.company-position-wrapper .links-container .links-box {
  padding-top: 0;
  width: auto
}

.company-position-wrapper .links-container .title-box {
  position: relative;
  margin-right: 0
}

.company-position-wrapper .links-box .title-box .title-item:after {
  bottom: 1px;
  border-radius: 2px;
  height: 3px;
  width: 28px;
  margin-left: -14px;
  left: 50%
}

.company-position-wrapper .links-box .title-box .title-item.cur:after {
  background: linear-gradient(90deg,#16d9d8 0,#00bebd 100%)
}

.company-position-wrapper .links-container .title-box:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 1px;
  background: #e6e6e6
}

.company-position-wrapper .links-container .links-box .title-box .title-item {
  height: auto;
  font-size: 16px;
  font-weight: 400;
  color: #666;
  line-height: 22px;
  padding-bottom: 14px;
  transition: all .2s linear;
  margin-right: 0
}

.company-position-wrapper .links-container .links-box .title-box .title-item+.title-item {
  margin-left: 32px
}

.company-position-wrapper .links-container .links-box .title-box .title-item.cur {
  color: #00a6a7;
  font-weight: 600
}

.company-position-wrapper .links-container .links-box .title-box .title-item:hover {
  color: #00a6a7;
  font-weight: 600
}

.company-position-wrapper .links-box .links-wrapper {
  padding-top: 20px;
  background: 0 0
}

.company-position-wrapper .links-box .links-wrapper .links-content.limited {
  max-height: 155px
}

.company-position-wrapper .links-box .links-wrapper .links-content a {
  font-size: 12px;
  color: #666;
  line-height: 17px;
  transition: all .2s linear;
  margin: 0 28px 14px 0;
  float: left
}

.company-position-wrapper .links-box .links-wrapper .links-content a:hover {
  color: #00a6a7
}

.company-position-wrapper .links-box .expand-btn {
  margin-bottom: 14px
}

.company-position-wrapper .links-box .expand-btn a {
  color: #666;
  font-size: 13px
}

.company-position-wrapper .links-box .expand-btn a:hover {
  color: #00a6a7;
  font-weight: 500
}

.company-position-wrapper .more-view {
  display: inline-block;
  line-height: 24px;
  height: 24px
}

.company-position-wrapper .more-view span {
  display: inline-block;
  vertical-align: middle
}

.company-position-wrapper .more-view i {
  position: relative;
  top: -4px;
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 7px;
  margin-top: 7px;
  margin-left: 8px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.company-position-wrapper .more-view:hover i {
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.company-position-wrapper .more-view .fz-slidedown {
  transform: rotate(90deg)
}

.company-position-wrapper .more-view .fz-slideup {
  transform: rotate(270deg)
}

.company-position-wrapper .pos-bread {
  margin-top: 20px
}

.company-position-wrapper .pos-bread a {
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: #999;
  line-height: 17px;
  padding: 0 8px;
  transition: all .2s linear
}

.company-position-wrapper .pos-bread a:hover {
  color: #00a6a7;
  text-decoration: none
}

.company-position-wrapper .pos-bread>a:first-child {
  padding-left: 24px
}

.company-position-wrapper .pos-bread>a:first-child:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: url(https://img.bosszhipin.com/static/file/2022/dg1u3dcnun1661743137830.png) 0 -64px/16px auto no-repeat
}

.company-position-wrapper .pos-bread a:first-child:hover:before {
  background-position: 0 -80px
}

.company-position-wrapper .pos-bread .link-collect+a:before,.company-position-wrapper .pos-bread .link-collect:before,.company-position-wrapper .pos-bread>a+a:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 5px;
  width: 1px;
  height: 7px;
  background: #999;
  border-radius: 1px;
  z-index: 1
}

.company-position-wrapper .pos-bread .link-collect {
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: #999;
  line-height: 17px;
  padding: 0 8px;
  transition: all .2s linear
}

.company-position-wrapper .pos-bread .link-collect a {
  padding: 0
}

.company-position-wrapper .company-new .job-box .update-time {
  line-height: 17px;
  color: #999;
  margin: 12px 0 0 0
}

.company-position-wrapper #footer {
  background: #313438;
  color: rgba(255,255,255,.5);
  margin-top: 28px
}

.company-position-wrapper .footer-about dl dt {
  color: rgba(255,255,255,.8)
}

.company-position-wrapper .footer-about dl dd a,.company-position-wrapper .footer-about dl dd p {
  color: rgba(255,255,255,.5)
}

.company-position-wrapper .copyright a {
  color: rgba(255,255,255,.5)
}

.company-position-wrapper .copyright a:hover,.company-position-wrapper .footer-about dl dd a:hover {
  color: #00bebd
}

.company-position-wrapper #footer .icon-app,.company-position-wrapper #footer .icon-client-app,.company-position-wrapper #footer .icon-weibo,.company-position-wrapper #footer .icon-weixin {
  border: none;
  background-color: rgba(255,255,255,.1)
}

.company-position-wrapper .links-friends-wrapper {
  background: #313438;
  border-top: 1px solid #46494c;
  padding: 7px 0 6px 0
}

.company-position-wrapper .links-friends-wrapper .links .links-item a {
  color: rgba(255,255,255,.5)
}

.company-position-wrapper .links-friends-wrapper .links .links-item a:hover {
  color: #00bebd
}

.company-position-wrapper .links-friends-wrapper .links {
  margin: 0 auto
}

.company-position-wrapper .links-friends-wrapper .links label,.company-position-wrapper .links-friends-wrapper .links label:hover {
  color: rgba(255,255,255,.5)
}

.company-position-wrapper .links-friends-wrapper .links .links-item {
  margin-bottom: 12px
}

.company-position-wrapper .links-friends dt {
  color: rgba(255,255,255,.5)
}
